我想在這種情況下,Angular的默認設置是添加ng-disabled來提交按鈕。如果是這樣,用戶可能會被警告每個輸入的錯誤,但錯誤會立即顯示。有沒有辦法顯示錯誤(通過控制器或其他方式的功能),只有在onclick後,沒有實際提交的形式,併發送到PHP,如果它是無效的?如何防止無效時將角度表單發送到php文件(method =「post」)?
回答
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
};
});
是的,我知道這種方式,但這樣做你不能調用將檢查窗體並顯示錯誤的函數。我想實際上點擊按鈕(即使有錯誤)檢查表單中的錯誤並顯示它們,但是如果表單無效,則不提交表單(對php文件執行後處理操作)。 – Dave
如果您想在從表單中提交刪除提交屬性後檢查錯誤。我正在更新我的答案檢查。 –
謝謝你,這是一個很好的觀點。但是,只有當表單有效時,如何觸發validateForm函數中的提交?根據碼頭:ngSubmit「阻止默認動作(對於表單意味着將請求發送到服務器並重新加載當前頁面),但只有當表單不包含動作時」所以ngSubmit不會與action =完全一起工作「 something.php「以相同的形式。 – Dave
- 1. 如何防止將無效字符輸入到表單中?
- 2. 如何將PHP表單POST值發送到CGI url?
- 3. 如何發送從角度到PHP腳本的文件數組?
- 4. 角度如何防止FOUC
- 5. 發送數據到php(form method = post)然後發回給javascript
- 6. 角2香菜防止表單提交當輸入無效
- 7. 角度防止設置模型在無效時未定義
- 8. 將表單POST發送到DynamoDB條目
- 9. 如何防止單擊按鈕時發送水印文本?
- 10. 如何使用表單將表單外的變量發送到PHP文件?
- 11. 如何手動將角度表單字段設置爲無效?
- 12. 如何防止在輸入無格式輸入字段時發送表單? (DNN)
- 13. 防止短信發送到發件箱
- 14. 如何滾動到角度無效的表單字段
- 15. 防止不變POST請求發送
- 16. php表單刷新發送表格(防止)
- 17. 我發送到API的XML文件被編碼,如何防止?
- 18. 角度post方法到php
- 19. 如何在asp.net中提交web表單時防止垃圾郵件發送者?
- 20. 如何將文件參數發送到角度2中的Cloudinary發佈請求
- 21. 如何將長字符串發送到不帶表單的php文件?
- 22. 我想知道,如何將表單值從wordpress頁面發送到php文件
- 23. 如何防止git將更改推送到某些文件
- 24. 角度無效表單的條件表單驗證
- 25. 如何發送已更改的角度表單數據?
- 26. 如何防止AsyncFileUpload在回發中再次發送文件?
- 27. 防止PHP表單發送直接訪問,允許使用AJAX
- 28. php表單寫入文本文件 - 防止POST重定向重新提交
- 29. 將POST數據從另一個PHP文件發送到PHP文件的方式?
- 30. 無法發送表單的POST數據
有關於這個問題,這是過於寬泛的一個答案,涵蓋廣泛的文件:HTTPS://docs.angularjs .org/guide/forms – Wtower