正在检测 HTML 表单提交

Detecting HTML form submit

本文关键字：表单提交 HTML 检测      更新时间：2023-09-26

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

是否有必要用 Angular.js 找到答案，或者我应该保持简单并只使用 javascript？

您可以添加到<form> ng-submit="here_function_name(variables)"中，并记得在<form></form>标签内移动按钮。

单击按钮后，angular 将执行here_function_name(variables)，该应在控制器中以$scope定义。您可以将验证放在此函数中。

要访问输入中的值，以下示例(使用 ng-model (。

请参阅此处的角度ng-submit和形式示例：https://docs.angularjs.org/api/ng/directive/ngSubmit

相关文章：