angularjs自定义指令检验两次输入的密码是否一致

ResetPasswordApp.directive('pwCheck', [function () {
      return {
        require: "ngModel",
        link: function(scope, elem, attrs, ctrl) {
        	console.log(attrs);
            var otherInput = elem.inheritedData("$formController")[attrs.pwCheck];

            ctrl.$parsers.push(function(value) {
                if(value === otherInput.$viewValue) {
                    ctrl.$setValidity("repeat", true);
                    return value;
                }
                ctrl.$setValidity("repeat", false);
            });

            otherInput.$parsers.push(function(value) {
                ctrl.$setValidity("repeat", value === ctrl.$viewValue);
                return value;
            });
        }
    };
}]);
<form ng-controller="confimPwFormController" ng-submit="submit()" id="confirmPwForm" name="confirmPwForm" method="post">
	<div class="form-group">
		<input type="text" placeholder="请输入短信验证码" ng-model="confirm.captcha"  ng-pattern="/^\d{6}$/" required=true id="smsCaptcha" name="smsCaptcha" class="required form-control" />
	</div>
	<div class="form-group">
		<input type="password" placeholder="请输入新密码" id="password" ng-model="confirm.password"  name="password" required=true class="required form-control" />
	</div>
	<div class="form-group">
		<input type="password" placeholder="请再次输入新密码" id="plainPassword" ng-model="confirm.plainPassword" pw-check="password"  name="plainPassword" required class="required form-control" />
	</div>
	<div class="form-group">
		<input type="submit" class="btn btn-info btn-block" value="完成"   ng-disabled="confirmPwForm.$invalid"/>
	</div>
</form>

http://piotrbuda.eu/2013/02/angularjs-directive-for-password-matching.html
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值