angularjsのコントローラを使用してフォームを検証する方法

Question

コントローラを使用してangularjsのフォームを検証する方法を知りたいですか？

en$scope.saveDetail = function() { 

    if ($scope.register.Name == "") { 
     alert("Pls fill register Name"); 
     return false; 
    } 
    if ($scope.register.Address == "") { 
     alert("Pls fill Address"); 
     return false; 
    } 
    if ($scope.register.Email == "") { 
     alert("Pls fill Email"); 
     return false; 
    } 
    if ($scope.register.Password == "") { 
     alert("Pls fill Password"); 
     return false; 
    } 
    if ($scope.register.Number == "") { 
     alert("Pls fill 10 digit Number"); 
     return false; 
    } 

    $localStorage.myRegisterDetail = $scope.register; 
    alert("Your records save successfully"); 
    $state.go("app.login"); 

}; 

パスワードの最小長と最大長を設定するコードを追加したいと思います。どうすればいいですか？

Answer 1

基本機能を使用してカスタム検証を使用する場合は、角度関数でJQuery/Javascriptを使用することをお勧めします。

注：： - これはangular1の例です。私はまだangular2について多くのことを読んでいないので、答えは異なるかもしれません。

のサンプル溶液： -

en$scope.saveDetail = function() { 
    var validationError = false; 
    if ($scope.register.Name == "") { 
     alert("Pls fill register Name"); 
     validationError = true; 
    } 

    if(!validationError) { 
     if ($scope.register.Address == "") { 
      alert("Pls fill Address"); 
      validationError = true; 
     } 
    } 
    if(!validationError) { 
     if ($scope.register.Email == "") { 
      alert("Pls fill Email"); 
      validationError = true; 
     } 
    } 

    if(!validationError) { 
     if ($scope.register.Password == "") { 
      alert("Pls fill Password"); 
      validationError = true; 
     } 
    } 

    if(!validationError) { 
     if ($scope.register.Number == "") { 
      alert("Pls fill 10 digit Number"); 
      validationError = true; 
     } 
    }  

    if(!validationError) { 
     $localStorage.myRegisterDetail = $scope.register; 
     alert("Your records save successfully"); 
     $state.go("app.login"); 
    } 
};