angularjs自定义指令检验两次输入的密码是否一致
2014-12-04 13:32
337 查看
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
相关文章推荐
- angularjs表单验证,包括密码长度及两次密码输入是否一致
- AJAX判断用户是否存在,并且判断两次密码输入是否一致
- JS 判断邮箱格式是否正确,注册时两次输入密码是否一致(转)
- js验证两次输入的密码是否一致
- jQuery如何验证两次输入的密码是否一致
- JSP注册用AJax无刷新判断用户名是否被占用,并且判断两次密码输入是否一致
- TP5 验证两次输入密码是否一致
- easyui-validatebox 验证两次密码是否输入一致
- [JavaScript]使用JavaScript+CSS实现注册页面中检验两次密码输入是否相同
- 注册判断两次输入的密码是否一致
- 如何实现验证两次输入的密码是否一致
- 校验输入的两次密码是否一致的问题
- Angularjs 通过directive实现验证两次输入是否一致的功能
- easyui-validatebox 验证两次密码是否输入一致
- AngularJS:添加检查密码输入是否一致的功能
- 网页中如何实现注册时表单检验(两次输入的密码是否相同)
- easyui-validatebox 验证两次密码是否输入一致
- 利用javascript判断前端密码输入是否一致
- jQuery Easyui 验证两次密码输入是否相等
- 如何实现表单提交时,验证两次密码是否一致