Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/389.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 检测HTML表单提交_Javascript_Jquery_Html_Angularjs_Forms - Fatal编程技术网

Javascript 检测HTML表单提交

Javascript 检测HTML表单提交,javascript,jquery,html,angularjs,forms,Javascript,Jquery,Html,Angularjs,Forms,我在下面有一个通用表单,它有一个按钮,这个按钮将发布到数据库,这个按钮所做的并不是这个问题的真正目的,问题是检测一个html表单提交 <div class="example" ng-controller="ExampleController as app"> <h1>Button below Form appears when fields full</h1> <form method="post" action="do_button_stu

我在下面有一个通用表单,它有一个按钮,这个按钮将发布到数据库,这个按钮所做的并不是这个问题的真正目的,问题是检测一个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元素添加正确的未知标记。其想法是提供一种客户端验证,这样用户就不能使用post按钮,除非他们至少尝试填写字段。当然,我还有服务器端验证


是否有必要使用Angular.js找到答案,还是我应该保持简单,只使用javascript?

您可以添加到
中,并记住在
标记中移动按钮

单击按钮后,angular将在此处执行
函数\u名称(变量)
,该名称应在控制器的
$scope
中定义。您可以将验证放在这个函数中

要访问输入中的值,下面有一个示例(使用
ng model

请参见此处的
ng submit
和表单示例:

Nono,而不是“单击按钮后”——这意味着您可以看到按钮以按下它。填充输入字段后,按钮出现检查此按钮也有禁用按钮,然后才能正确填写表单