javascript - 检测 HTML 表单提交

Question

我下面有一个通用表单，它有一个按钮，该按钮将发布到数据库，该按钮的作用并不是这个问题的真正含义，问题是关于检测以 Angular 提交的 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 或添加正确的未知 Angular html 标签到表单 DOM 元素。这个想法是提供一种客户端验证，以便用户无法使用发布按钮，除非他们至少尝试填写字段。当然我也有服务器端验证。

是否有必要使用 Angular.js 找到这个问题的答案，还是应该保持简单并仅使用 javascript？

Answer 1

您可以添加到您的 <form> ng-submit="here_function_name(variables)"并记住将按钮移至 <form></form> 内标签。

点击按钮后，Angular 将执行 here_function_name(variables)应该在 $scope 中定义在你的 Controller 中。您可以将验证放入此函数中。

要访问输入中的值，请参阅下面的示例(使用 ng-model )。

参见 ng-submit 的示例并在此处以 Angular 形式形成:https://docs.angularjs.org/api/ng/directive/ngSubmit