angularjs-表单验证事件
来源:互联网 发布:微信抢号软件 编辑:程序博客网 时间:2024/06/07 06:07
验证触发1.禁用H5原生验证:在form对象上添加novalidate属性2.失去焦点触发验证: 创建$scope.focused=false; 使用ng-focus,ng-blur事件,修改focused状态(分别为获得焦点、失去焦点事件)3.当提交表单时验证: 创建$scope.submitted=false; 提交表单时,如果$scope.form.$invalid==true,将其置为true,从而显示错误信息相关CSS样式1.ng-pristine input还未填入数据时2.ng-invalid input验证非法时3.ng-dirty input已经填入数据时4.ng-valid input合法
例子:
<form name="myForm" ng-submit="submit()" novalidate><form>//禁用了H5原生的提醒
myForm.username.$error.required //验证失败
$scope.submitted = false; $scope.submit = function () { if($scope.myForm.$valid){ $scope.submitted = false;//验证通过时不显示 //提交表单的行为 }else{//验证不通过时显示 $scope.submitted = true; } }
0 0
- angularjs-表单验证事件
- angularJs -- 简单表单验证
- 表单验证<AngularJs>
- AngularJS表单验证
- AngularJs表单验证
- AngularJS 的表单验证
- AngularJS 的表单验证
- AngularJS 表单验证
- 表单验证<AngularJs>
- angularjs自定义表单验证
- Angularjs表单验证demo
- Angularjs自定义表单验证
- 表单验证<AngularJs>
- AngularJS表单验证
- 表单验证<AngularJs>
- angularjs 表单验证
- angularjs表单验证
- angularjs-表单验证
- Spring@Autowired注解与自动装配
- C++文件长度
- Android设计模式系列(2)--SDK源码之观察者模式
- MySQL索引
- 服务器的瞬时 diffiehellman 公共秘钥过弱
- angularjs-表单验证事件
- Swift 3 新变化
- Linux kernel 内核延时函数
- CentOS7.2安装NVIDIA驱动
- Apache Commons-logging使用实例
- Java 集合,Collections工具类的用法
- 高度可约的三角形数
- 中庸之道
- 飘逸的python - 增强的格式化字符串format函数