angularjs 校验密码字段一致性

Js代码 

directives.directive('pwCheck', function () {  
    return {  
        require: 'ngModel',  
        link: function (scope, elem, attrs, ctrl) {  
            var firstPassword = '#' + attrs.pwCheck;  
            // 网上好多例子都掉了$(elem) 美元符号和括号  
            $(elem).add(firstPassword).on('keyup', function () {  
                scope.$apply(function () {  
                    alert(elem.val());  
                    var v = elem.val()===$(firstPassword).val();  
                    ctrl.$setValidity('pwmatch',v);  
                });  
            });  
        }  
    };  
});  

Html代码  

<div class="form-group" ng-class="{'has-error': developerForm.password.$dirty && developerForm.password.$invalid}">  
                   <div class="col-sm-12">  
                       <input type="password" ng-model="developer.password" name="password" id="password" class="form-control" placeholder="预设密码" required>  
                   </div>  
                   <p class="text-warning help-block" ng-show="developerForm.password.$dirty && developerForm.password.$invalid">  
                       <small ng-show="developerForm.password.$error.required">预设密码必填!!</small>  
                   </p>  
               </div>  
               <div class="form-group" ng-class="{'has-error': developerForm.rePassword.$dirty && developerForm.rePassword.$invalid}">  
                   <div class="col-sm-12 ">  
                       <input type="password" ng-model="developer.rePassword" name="rePassword" class="form-control" placeholder="确认密码" pw-check="password" required>  
                   </div>  
                   <p class="text-warning help-block" ng-show="developerForm.rePassword.$dirty && developerForm.rePassword.$invalid">  
                       <small ng-show="developerForm.rePassword.$error.required">确认密码必填!!</small>  
                       <small ng-show="developerForm.rePassword.$error.pwmatch">预设密码和确认密码不一致!!</small>  
                   </p>  
               </div>  



http://angularjs4u.com/directives/angularjs-check-passwords-match-directive/ 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值