检测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表单提交

回答

相关问题