js表单密码的设置 正是区分两种方法的关键，仅供借鉴！

  angularjs提供了表单验证，但是验证的过程交互体验很不好js表单密码的设置，比如重设密码，重复密码的时候一键入就会提示密码不正确，现整理了两种方法，仅供借鉴。

  一，点击提交验证

 密码
 
  
 


 重复密码
 
  
 
 密码不一致


 确认
 取消

e>
  
  当用户试图提交表单时js表单密码的设置，你可以在作用域中捕获到一个submitted值，然后对表单内容进行验证并显示错误信息。
  JS代码
  
$scope.submitted = false;
$scope.resetPwd = function(){
console.log(666);
**if**($scope.reset_pwd.$valid && $scope.mycompwd == $scope.resetmycompwd){
 console.log('重置成功,进行其他操作');
  
 }else{
 $scope.reset_pwd.submitted = **true**;
}
re>
  亲测可用。
  第二种失去焦点验证
  
  
 密  码
 
  
 


 重复密码
 
  
 
 密码不一致


 确认
 取消

e>
  JS代码
  
  
app.directive('ngFocus',[function(){
**var **focusClass = 'ng-focused';
**return**{
 restrict:'AE',
 require:'ngModel',
 link:**function**(scope,element,attrs,ctrl){
  ctrl.$focused = **false**;
  element.bind('focus',**function**(e){
element.addClass(focusClass);
scope.$apply(**function**(){
 ctrl.$focused = **true**;
});
element.bind('blur',**function**(e){
 element.removeClass(focusClass);
 scope.$apply(**function**(){
  ctrl.$focused = **false**;
 });
});
  })
 }
};
  /
  注意HTML标红的地方。正是区分两种方法的关键。欢迎高手一起探讨！
 
 
TAGS：js js代码 表单验证 js表单密码的设置 js表单元素建立表单对象 js设置表单action 
 
 !如链接失效请在下方留言。本站所有资源均来源于网络，版权属于原作者!仅供学习参考，本站不对您的使用负任何责任。如果有侵权之处请第一时间联系我们删除，敬请谅解!