AngularJS复习------表单验证

2021-06-30 00:06

阅读：339

标签：匹配指令 validate 需要 ova 元素复习 mail 标记

在AngularJS中能够将HTML5表单验证功能同自己的验证指令结合起来使用，这里介绍使用的核心功能。

必填项；只需要在输入字段元素上添加HTML5标记 required即可

最小长度；在输入字段上使用AngularJS指令ng-minlength="{number}"

最大长度；在输入字段上使用AngularJS指令ng-maxlength="{number}"

模式匹配；使用ng-pattern="[a-zA-Z]"来确保输入能够匹配指定的正则表达式

电子邮件；只要将input的类型设置为email即可

数字；将input的类型设置为number

URL;验证输入内容是否是url地址，将input类型设置为url

AngularJS复习------表单验证

标签：匹配指令 validate 需要 ova 元素复习 mail 标记

原文地址：http://www.cnblogs.com/llff123/p/7138056.html

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：AngularJS复习------表单验证
文章链接：http://soscw.com/index.php/essay/99606.html

亲，登录后才可以留言！