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 ，或者将正确的未知角度 html标签添加到表单DOM元素。我们的想法是提供一种客户端验证，这样用户就无法使用post按钮，除非他们至少试图填写字段。当然，我也有服务器端验证。

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

Answer 1

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

单击按钮后，angular将执行here_function_name(variables)，该$scope应在控制器的ng-model中定义。您可以在此功能中进行验证。

要访问输入中的值，请参阅下面的示例（使用ng-submit）。

请参阅{{1}}的示例，并在此处形成角形：https://docs.angularjs.org/api/ng/directive/ngSubmit

检测HTML表单提交

1 个答案: