Javascript 检测HTML表单提交
我在下面有一个通用表单,它有一个按钮,这个按钮将发布到数据库,这个按钮所做的并不是这个问题的真正目的,问题是检测一个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
<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,而不是“单击按钮后”——这意味着您可以看到按钮以按下它。填充输入字段后,按钮出现检查此按钮也有禁用按钮,然后才能正确填写表单