AngularJs 自定义表单验证

迈不过友情╰ 2022-06-12 05:57 309阅读 0赞

**一、AngularJs中的表单验证**，仅提供了一些前台格式验证，如果想通过后台验证，则需要自定义处理

自定义指定使用ajax后台验证示例：

js：

通过指令返回unique的布尔值来决定显示的警告信息。

**二、表单验证状态访问**

由于表单的属性可以在其$scope对象中访问到，而我们又可以直接访问到$scope，因此js可以间接的访问DOM的表单属性，借助这些属性，我们可以对表单做出实时响应。

这些属性有：

1. 未修改的表单，用来判断用户是否修改了表单，如果修改了则为true，未修改则为false。

formName.inputFieldName.$pristine

2. 修改过的表单，只要用户修改过表单，无论输入是否通过验证，该值都将返回true

formName.inputFieldName.$dirty

3. 合法的表单，这个属性是用来判断表单的内容是否合法的，如果合法则该属性的值为true

formName.inputFieldName.$valid

4. 不合法的表单，这个属性与上个属性正好相反，如果不合法，则该属性值为true

formName.inputFieldName.$invalid

5. 错误，$error对象包含了当前表单的所有验证内容，以及它们是否合法的信息，如果验证失败，该属性值为true，如果验证成功，则该值为false

formName.inputFieldName.$error

[AngularJs表单验证实例1][AngularJs_1]

[AngularJS阻止事件冒泡$event.stopPropagation()][AngularJS_event.stopPropagation]

[AngularJs和JQuery Ajax互操作][AngularJs_JQuery Ajax]

[AngularJs_1]: http://blog.csdn.net/u011127019/article/details/51488723
[AngularJS_event.stopPropagation]: http://blog.csdn.net/u011127019/article/details/54970308
[AngularJs_JQuery Ajax]: http://blog.csdn.net/u011127019/article/details/51456961

AngularJs 自定义表单验证

发表评论取消回复

还没有评论，来说两句吧...

相关阅读

相关表单验证<AngularJs>

相关 AngularJS表单验证

相关 AngularJs 自定义表单验证

相关表单自定义验证setCustomValidity

相关 AngularJS表单验证

相关表单验证(AngularJs)

相关 angularJS表单验证

相关 iview - 自定义表单验证

相关 AngularJS表单验证

相关 angularJS表单验证