如何使用控制器在angularjs中驗證表單

-3

我想知道如何使用控制器驗證angularjs中的表單嗎？如何使用控制器在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"); 

};

現在我想添加密碼設置最小和最大長度的代碼。我該怎麼做？

來源

2017-03-02 Wolverine Sucks

這個問題實在是太一般了...在谷歌一個簡單的搜索會顯示你：HTTPS：//docs.angularjs.org/guide/forms ...下次嘗試更具體。 – ssougnez

@ssougnez是對的。這是最常見的角度用例之一。在Google上搜索'angular Form validation'或在SO上搜索。順便說一句，金剛狼不吸！ – Ladmerc

如果你想使用基本功能的自定義驗證，我建議你在角度函數中使用相同的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"); 
    } 
};

來源

2017-03-02 08:10:35 Sagar

@WolverineSucks不知道是否有幫助，但這裏有一個類似的問題[http://stackoverflow.com/questions/30049938/angularjs-controller-as-and-form-valid?rq=1] – Sagar

非常感謝，但我的驗證是不工作 –

嗨。對不起，但我的代碼有一個小錯誤。也請提交您的代碼，以便我們可以嘗試找到它中的錯誤。 – Sagar

如何使用控制器在angularjs中驗證表單

回答

相關問題