2.就是她是用ng-show来显示的，这里的myForm.user.$error.required这些个是怎么来的，还是跟上面一样的哈，都是name值，这个就是这样啦，你看required必填嘛，就对应这个$dirty啦so....myForm.user.$dirty ，哈哈 反正这些个代表的意思都在表格里啦。感觉这种的验证条件有效，还是那句话，看自己需求吧。
3.这种用法还有一个问题啊，就是比如说你要先验证一个required，你要是一开始输入框上没内容，他的那个验证提示是不会出现的，所以你要先js给它默认一个值，我感觉这种效果不好啊。所以你看到页面上$scope.user = 'John Doe';js给他先赋值了。
4.还要一个问题，你要先赋值嘛，然后你得搞个控制器啊，又得定义一个控制器，我感觉总结来说我还是觉得第一种方法好点吧。
5.还有一个问题，你每个Input记得绑定ng-model啊，要不然怎么监控。个人看法哈，
还有就是这两种其实也可以结合的，不行可以看代码。好的，上代码吧
<!DOCTYPE html> <html ng-app='app'> <head> <meta charset='UTF-8'> <title>form1</title> <link type="text/css" href="https://www.jb51.net/static/plugins/bootstrap.min.css"> <script type="text/javascript" src='https://www.jb51.net/static/plugins/angular.min.js'></script> <script type="text/javascript" src='https://www.jb51.net/static/plugins/angular-messages.js'></script> </head> <body ng-controller='ctrl'> <div> <form role="form" novalidate> <label>用户名</label> <input type="email" placeholder="ng-Messages测试" ng-model="username.name" ng-minlength=3 ng-maxlength=20 required /> <div ng-messages="myForm.name.$error"> <div ng-message="required">必填项</div> <div ng-message="minlength">字符太短小于3</div> <div ng-message="maxlength">字符太长大于20</div> <div ng-message='email'>正确的邮箱格式</div> </div> 名字 <input type='text' ng-model='name1' required> <span ng-show='myForm.name1.$dirty'> <span ng-show='myForm.name1.$error.required'>名字是必须的</span> </span> </form> </div> </body> <script type="text/javascript"> var app=angular.module("app", ['ngMessages']); app.controller('ctrl',function($scope){ $scope.name1='wenwen'; }) </script> </html>
就是这样子。
以上所述是小编给大家介绍的Angular表单验证实例详解，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
您可能感兴趣的文章: