2016-03-17 40 views
-1

我想在這種情況下,Angular的默認設置是添加ng-disabled來提交按鈕。如果是這樣,用戶可能會被警告每個輸入的錯誤,但錯誤會立即顯示。有沒有辦法顯示錯誤(通過控制器或其他方式的功能),只有在onclick後,沒有實際提交的形式,併發送到PHP,如果它是無效的?如何防止無效時將角度表單發送到php文件(method =「post」)?

+1

有關於這個問題,這是過於寬泛的一個答案,涵蓋廣泛的文件:HTTPS://docs.angularjs .org/guide/forms – Wtower

回答

0

HTML

<form name="myForm"> 
     <input type="text" name="textField" ng-model="textField"/> 
     <md-button type="button" 
        class="btn-width-medium md-raised md-primary" 
        ng-click="validateForm()"> 
       Save 
     </md-button> 
    </form 

控制器:

.controller("controller",function($scope){ 
    $scope.validateForm = function(){ 
     // Do validation here 
     // If valid 
     // Submit form - post data 
     // Else invalid 
     // Show message and return 
    }; 
}); 
+0

是的,我知道這種方式,但這樣做你不能調用將檢查窗體並顯示錯誤的函數。我想實際上點擊按鈕(即使有錯誤)檢查表單中的錯誤並顯示它們,但是如果表單無效,則不提交表單(對php文件執行後處理操作)。 – Dave

+0

如果您想在從表單中提交刪除提交屬性後檢查錯誤。我正在更新我的答案檢查。 –

+0

謝謝你,這是一個很好的觀點。但是,只有當表單有效時,如何觸發validateForm函數中的提交?根據碼頭:ngSubmit「阻止默認動作(對於表單意味着將請求發送到服務器並重新加載當前頁面),但只有當表單不包含動作時」所以ngSubmit不會與action =完全一起工作「 something.php「以相同的形式。 – Dave

相關問題