gpt4 book ai didi

javascript - 检测 HTML 表单提交

转载 作者:行者123 更新时间:2023-12-03 11:48:06 25 4
gpt4 key购买 nike

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

是否有必要使用 Angular.js 找到这个问题的答案,还是应该保持简单并仅使用 javascript?

最佳答案

您可以添加到您的 <form> ng-submit="here_function_name(variables)"并记住将按钮移至 <form></form> 内标签。

点击按钮后,Angular 将执行 here_function_name(variables)应该在 $scope 中定义在你的 Controller 中。您可以将验证放入此函数中。

要访问输入中的值,请参阅下面的示例(使用 ng-model )。

参见 ng-submit 的示例并在此处以 Angular 形式形成:https://docs.angularjs.org/api/ng/directive/ngSubmit

关于javascript - 检测 HTML 表单提交,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25958904/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com