欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【AngularJs实现ng1.3+表单验证】,下面是详细的讲解!
AngularJs实现ng1.3+表单验证
<!DOCTYPE html> <html ng-app="myTest"> <head> <meta name="viewport" content="width=device-width" /> <title>Index</title> <link href="http://www.jb51.net/article/~/Content/css/bootstrap.min.css" rel="stylesheet" /> <script src="http://www.jb51.net/article/~/Javascript/angular.js"></script> <script src="http://www.jb51.net/article/~/Javascript/angular-messages.js"></script> <style type="text/css"> body { padding-top: 30px; } </style> </head> <body> <div class="col-md-6"> <form role="form" name="myForm" class="form-horizontal" novalidate> <div class="form-group"> <div class="col-md-2"> 用户名 </div> <div class="col-md-10"> <input type="text" placeholder="ng-Messages测试" name="name" ng-model="username.name" ng-minlength=3 ng-maxlength=20 required /> <hr/> $error:{{myForm.name.$error}} <hr/> <div ng-messages="myForm.name.$error"> <div ng-message="required">必填项</div> <div ng-message="minlength">字符太短小于3</div> <div ng-message="maxlength">字符太长大于20</div> </div> </div> </div> </form> </div> </body> </html> <script type="text/javascript"> angular.module("myTest", ['ngMessages']); </script>
关于AngularJs实现ng1.3+表单验证的用户互动如下:
相关问题:用angularjs表单验证怎么写
答:客户端表单验证是AngularJS里面最酷的功能之一。 AngularJS表单验证可以让你从一开始就写出一个具有交互性和可相应的现代HTML5表单。 在AngularJS中,有许多表单验证指令。 在这里,我们将谈谈几个最流行指令,然后我们将讨论如何编写自定义的验... >>详细
相关问题:angularjs 表单验证 提示 文本框怎么没有红的
答:客户端表单验证是AngularJS里面最酷的功能之一。 AngularJS表单验证可以让你从一开始就写出一个具有交互性和可相应的现代HTML5表单。 在AngularJS中,有许多表单验证指令。 在这里,我们将谈谈几个最流行指令,然后我们将讨论如何编写自定义的验... >>详细
相关问题:JS表单验证,按钮验证,验证成功怎么实现跳转
答: 假设这是你的表单HTML 相应的JS如下: document.getElementById("check").onsubmit = function() { if(checkPassword()) { window.location.href = "your_url"; // 如果想继续提交到action对应的链接,返回true即可 } else { return false; }}f... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【ComboBox】ComboBox 和 DateField 在IE下消失的
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-