检测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