甘肃龙网

  1. 首页 > 生活 > >

2.AngularJS-验证

生活百科表单

中提供了许多的验证指令，可以轻松的实现验证，只需要在表单元素上添加相应的ng属性，常见的如下所示：

2.AngularJS-验证

文章插图
表单与表单元素都需要通过name引用，请注意设置name的值 。获得错误的详细参数可以在示例中看到 。
示例代码：
验证
必填
必填只允许6-8位小写字母
密码的值：{{"["+password+"]"}}
是否合法：form1.password.$valid={{form1.password.$valid}}
是否非法：form1.password.$invalid={{form1.password.$invalid}}
错误消息：form1.password.$error={{form1.password.$error}}
是否修改：form1.password.$dirty={{form1.password.$dirty}}
是否默认：form1.password.$pristine={{form1.password.$pristine}}

表单信息：
错误消息：form1.$error={{form1.$error}}
是否合法：form1.$valid={{form1.$valid}}
是否非法：form1.$invalid={{form1.$invalid}}



2.AngularJS-验证

文章插图
运行结果：
【2.AngularJS-验证】
2.AngularJS-验证

文章插图


    上一篇：Angularjs的那些事 – 视图的生命周期

    下一篇：【Hybrid App】关于Hybrid App技术解决方案的选择