AngularJS实现表单验证功能详解
(编辑:jimmy 日期: 2024/11/20 浏览:3 次 )
在ng中,针对表单和空间提供了属性,用于验证控件交互的状态
布尔类型:
ng-valid 表单通过验证时设置
ng-invalid 表单未通过验证时设置
ng-pristine 表单没有改动时设置
ng-dirty 表单有改动时设置
对象:
$error
注意事项:
①给表单以及表单组件 加上name属性
②给需要用到的表单组件 ,加上ngModel
③属性的用法
myForm.t_age.dirty/pristine/valid/invalid/$error
案例如下
<!DOCTYPE html> <html ng-app="myApp"> <head lang="en"> <meta charset="UTF-8"> <title></title> <script src="/UploadFiles/2021-04-02/angular.js">以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
下一篇:vue mintui-Loadmore结合实现下拉刷新和上拉加载示例