當(dāng)用戶試圖提交表單時(shí)，你可以在作用域中捕獲到一個(gè)submitted值，然后對(duì)表單內(nèi)容進(jìn)行驗(yàn)證并顯示錯(cuò)誤信息。

JS代碼

$scope.submitted = false;
$scope.resetPwd = function(){
  console.log(666);
  if($scope.reset_pwd.$valid && $scope.mycompwd == $scope.resetmycompwd){
    console.log('重置成功,進(jìn)行其他操作');
  }else{
    $scope.reset_pwd.submitted = true;
  }
}

親測(cè)可用。

第二種失去焦點(diǎn)驗(yàn)證

  
    密  碼
    
      
    
  
  
    重復(fù)密碼
    
      
    
    密碼不一致
  
  
    確認(rèn)
    取消
  

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

以上是“Angualrjs中表單驗(yàn)證的方式有哪些”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！