檢測HTML表單提交

Question

我在下面有一個帶有按鈕的通用表單，該按鈕將發布到數據庫中，該按鈕的作用不是這個問題的實質，問題是關於檢測以角度提交的html表單。

<div class="example" ng-controller="ExampleController as app">
   <h1>Button below Form appears when fields full</h1>
   <form method="post" action="do_button_stuff"><TABLE BORDER="1">
     <TR><TD>Your name</TD>
     <TD><INPUT TYPE="TEXT" NAME="name" SIZE="20"></TD></TR>
     <TR><TD>Your E-mail address</TD>
     <TD><INPUT TYPE="TEXT" NAME="email" SIZE="25"></TD></TR>
   </TABLE></form>
   <input type="submit" value="Submit" ng-show="filled_form">
</div>

我是本地PHP程序員，並且是Angular和Javascript的新手，所以我正在努力成為一個完整的堆棧開發人員。 我以前使用過jQuery。 但是我沒有自己的能力，也沒有關於如何克服這一障礙的正常流程。 我懷疑解決方案是Javascript還是jQuery，或者在DOM元素表單中添加了正確的未知角度html標簽 。 這個想法是要提供一種客戶端驗證，以便用戶除非至少嘗試填寫字段，否則無法使用發布按鈕。 當然，我也有服務器端驗證。

是否有必要使用Angular.js找到答案，還是應該保持簡單並僅使用javascript？

Answer 1

您可以將其添加到<form> ng-submit="here_function_name(variables)"並記住將按鈕移至<form></form>標記內。

單擊按鈕后，angular將執行here_function_name(variables) ，應在控制器的$scope中定義。 您可以將驗證放入此功能。

要訪問輸入中的值，請參見下面的示例（使用ng-model ）。

在此處查看ng-submit和angular形式的示例： https : //docs.angularjs.org/api/ng/directive/ngSubmit