纯净、安全、绿色的下载网站

首页|软件分类|下载排行|最新软件|IT学院

当前位置:首页IT学院IT技术

AngularJS获取焦点及失去焦点时的表单验证功能 AngularJS实现的获取焦点及失去焦点时的表单验证功能示例

itsonglin   2021-03-28 我要评论
想了解AngularJS实现的获取焦点及失去焦点时的表单验证功能示例的相关内容吗,itsonglin在本文为您仔细讲解AngularJS获取焦点及失去焦点时的表单验证功能的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:AngularJS,获取焦点,失去焦点时,表单验证,下面大家一起来学习吧。

本文实例讲述了AngularJS实现的获取焦点及失去焦点时的表单验证功能。分享给大家供大家参考,具体如下:

<!DOCTYPE html>
<html ng-app="formExample">
<head>
  <meta charset="UTF-8">
  <title></title>
  <script src="../js/angular.js"></script>
  <script>
    angular.module('formExample', [])
        .controller('FormController', ['$scope', function($scope)
        {
          $scope.userType = 'guest';
          $scope.change = false;
        }]);
  </script>
</head>
<body>
<form name="myForm" ng-controller="FormController">
  userType: <input name="input" ng-model="userType" ng-blur="change=true" ng-focus="change=false" required>
  <span class="error" ng-show="myForm.input.$error.required && change">必填项</span><br>
</form>
</body>
</html>

运行效果:

希望本文所述对大家AngularJS程序设计有所帮助。


相关文章

猜您喜欢

  • vue token保存localStorage中 vue生成token保存在客户端localStorage中的方法

    想了解vue生成token保存在客户端localStorage中的方法的相关内容吗,Generon在本文为您仔细讲解vue token保存localStorage中的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:vue,token,localStorage,vue,token保存localStorage,vue,本地存储,token,下面大家一起来学习吧。..
  • vue mint-ui 3级联动 vue基于mint-ui的城市选择3级联动的示例

    想了解vue基于mint-ui的城市选择3级联动的示例的相关内容吗,xilong在本文为您仔细讲解vue mint-ui 3级联动的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:vue,mint-ui,3级联动,vue,mint-ui,联动,下面大家一起来学习吧。..

网友评论

Copyright 2020 www.9aisf.com 【就爱软件站】 版权所有 软件发布

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 点此查看联系方式