檢測HTML表單提交

我有一個通用的表單，下面有一個按鈕，該按鈕將發佈到數據庫，按鈕做的不是真的這個問題是關於什麼，問題是關於檢測一個html表單以角度提交。檢測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。但是我已經超出了我的元素，並且沒有正常的流程來處理如何渡過這個障礙。 I 懷疑解決方案是Javascript或jQuery或將正確的未知角度html標籤添加到表單DOM元素。這個想法是提供一種客戶端驗證，以便用戶不能夠使用帖子按鈕，除非他們至少試圖填寫字段。當然，我也有服務器端驗證。

是否有必要找到與Angular.js這個答案，或者我應該保持簡單，只使用JavaScript？

來源

2014-09-21 J-Dizzle

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

點擊按鈕後，角度將執行here_function_name(variables)，應在控制器中的$scope中定義。你可以把你的驗證放在這個函數中。

要獲得對輸入值的訪問權限，請使用下面的示例（使用ng-model）。

見ng-submit例子和形式的角位置：https://docs.angularjs.org/api/ng/directive/ngSubmit

來源

2014-09-21 12:26:53 kruczjak

諾諾，而不是「點擊按鈕後」 - 即意味着你可以看到，以推動它的按鈕。輸入字段填充後，按鈕出現 – 2014-09-21 12:30:34

+1 ng-submit和文檔鏈接，找到一些很酷的東西 – 2014-09-21 12:32:45

也檢查這一個https://docs.angularjs.org/guide/forms#binding-to-form- and-control-state在填寫表單之前有一個禁用按鈕 – kruczjak 2014-09-21 12:35:46

檢測HTML表單提交

回答

相關問題