Angularjs 通过directive实现验证两次输入是否一致的功能
2015-12-11 18:04
706 查看
实现效果:
1> 当输入确认密码时验证:
View Code
1> 当输入确认密码时验证:
"use strict"; /** * Created by jerry_yang on 2015/11/27. * user defined match check directive */ angular.module('bet.match', []) .directive('matchCheck', matchCheck); function matchCheck() { return { require: 'ngModel', link: function (scope, elem, attrs, ctrl) { var matchCheck = attrs.matchCheck; var param = matchCheck.split('|'); var inputCtr = '#' + param[0]; elem.bind(inputCtr).on('keyup', function () { scope.$apply(function () { var v = elem.val() === $(inputCtr).val(); scope.form[param[1]].$setValidity('match', v); }); }); } } }
View Code
相关文章推荐
- AngularJS 之 Factory vs Service vs Provider
- 深入理解 AngularJS 的 Scope
- AngularJs学习笔记--Scope
- Angular2组件开发—模板语法(六)
- angularJS方法
- AngularJS---Unknown provider: $routeProvider
- Angular2组件开发—模板语法(五)
- Angular控制器之间的数据通信
- Angular2组件开发—模板语法(四)
- AngularJS入门总结
- Angular 学习笔记——ng-animate
- 学习 kityminder & angular (十三)
- 在ubuntu搭建AngularJS+Ionic+Cordova环境
- Angular2组件开发—模板语法(三)
- Angular2组件开发—模板语法(二)
- Angular2组件开发—模板语法(一)
- Angular2入门(四)
- 跟我学Angular2(1-初体验)
- Angular2入门(三)
- AngularJS之备忘与诀窍