angularjs 密码一致性校验

[size=large][b]angularjs 校验密码字段一致性[/b][/size]


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);
});
});
}
};
});



<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>

[size=medium]
http://angularjs4u.com/directives/angularjs-check-passwords-match-directive/
[/size]
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值