在AngularJS中可以一起使用ng-blur和ng-submit嗎？

我試圖用ng-blur驗證兩個字段並且它工作正常。但是我需要驗證ng-blur和ng-submit中的字段。在AngularJS中可以一起使用ng-blur和ng-submit嗎？

驗證應該通過焦點和點擊按鈕來工作。

HTML：

<form name="myForm" ng-submit="submit()" novalidate> 
    <input type="text" placeholder="enter your email" name="email" 
     ng-model="email" ng-blur="visitedEmail = true" required 
     ng-pattern="pattern" 
     ng-class="{error: submitted && myForm.email.$invalid }" /> 
    <input type="password" placeholder="enter your password" name="password" 
     ng-blur="visitedPassword = true" required ng-model="password" 
     ng-class="{error: submitted && myForm.password.$invalid }" /> 
    <section > 
     <input type="submit" value="Sign in" /> 
    </section> 
</form>

js文件：

$scope.submit = function(){ 
     // Set the 'submitted' flag to true 
     $scope.submitted = true; 
     // Send the form to server 
     // $http.post  
    };

任何人都可以電話什麼錯我的代碼..

來源

2014-07-01 RandomUser

ng-blur和ng-submit中的含義是什麼。 –

請更準確地說你的問題是什麼，並提供一個jsfiddle或plnkr – 23tux

上午檢查兩個字段爲空使用ng-blur事件，無需點擊登錄按鈕。ng-submit我有一個函數，可以幫助檢查兩個字段後點擊符號在button.i中需要知道我們是否可以在同一個表單中同時進行兩種驗證？ – RandomUser

從表單標籤的novalidate刪除。立即驗證。如果你在我提到的問題評論中提到的話，請在提交功能中手動添加驗證功能。請參閱plnkr

<form name="myForm" ng-submit="submit()"> 
<input type="text" placeholder="enter your email" name="email" 
     ng-model="email" ng-blur="visitedEmail = true" required 
     ng-pattern="pattern" 
     ng-class="{error: submitted && myForm.email.$invalid }" /> 
    <input type="password" placeholder="enter your password" name="password" 
     ng-blur="visitedPassword = true" required ng-model="password" 
     ng-class="{error: submitted && myForm.password.$invalid }" /> 
    <section > 
    <input type="submit" value="Sign in" /> 
    </section> 
</form>

來源

2014-07-01 12:44:17

在AngularJS中可以一起使用ng-blur和ng-submit嗎？

回答

相關問題