首页 > 代码库 > AngularJS复习------表单验证
AngularJS复习------表单验证
在AngularJS中能够将HTML5表单验证功能同自己的验证指令结合起来使用,这里介绍使用的核心功能。
- 使用表单验证,首先要确保表单的每个控件都有name属性
- 如果想要屏蔽浏览器对表单的默认验证行为,可以在表单元素上添加novalidate标记。
必填项;只需要在输入字段元素上添加HTML5标记 required即可
最小长度;在输入字段上使用AngularJS指令ng-minlength="{number}"
最大长度;在输入字段上使用AngularJS指令ng-maxlength="{number}"
模式匹配;使用ng-pattern="[a-zA-Z]"来确保输入能够匹配指定的正则表达式
电子邮件;只要将input的类型设置为email即可
数字;将input的类型设置为number
URL;验证输入内容是否是url地址,将input类型设置为url
AngularJS复习------表单验证
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。