html 按钮防止多次提交,如何防止按钮提交表单

不久前我需要一些类似的东西.。我明白了。

因此,我在这里介绍的是如何使用技巧,使一个表单能够由JavaScript提交,而不需要在用户按下按钮(通常是发送按钮)时才能验证和执行验证。

例如,我将使用一个最小的表单,只有两个字段和一个Submit按钮。

记住我们想要的东西:从JavaScript,它必须能够在没有任何检查的情况下提交。但是,如果用户按下这样的按钮,验证必须完成,只有通过验证才能发送表单。

通常情况下,所有这些都是从附近开始的(我删除了所有不重要的额外内容):

查看表单标记如何没有οnsubmit="..."(记住这是一个条件,没有它)。

问题是表格总是提交的,不管onclick回报true或false.

如果我改变了type="submit"为type="button",似乎起作用了,但不起作用。它从不发送表单,但这很容易完成。

最后我用了这个:

继续function Validator,在哪里return True;是,我还添加了一个JavaScript提交语句,类似于以下内容:function Validator(){

//  ...bla bla bla... the checks

if(                              ){

document.getElementById('theFormID').submit();

return(true);

}else{

return(false);

}}

这个id=""只是为了JavaScriptgetElementById,name=""只是为了让它出现在帖子数据上。

在这样的道路上,它的工作,我需要。

我只是为了不需要的人onsubmit函数,但在用户按下按钮时进行一些验证。

为什么我不需要在表格标签上提交?很简单,在其他JavaScript部件上,我需要执行一个Submit,但我不希望有任何验证。

原因是:如果用户执行我想要的提交,并且需要进行验证,但如果是JavaScript,有时我需要执行Submit,而这样的验证会避免提交。

这听起来可能很奇怪,但在思考的时候-例如:在一个登录上.有一些限制.。比如不允许使用PHP会话,也不允许使用cookie!

因此,任何链接都必须转换为这样的表单提交,这样登录数据就不会丢失。当还没有登录时,它也必须工作。因此,必须对链接执行任何验证。但是,如果用户没有同时输入用户和PASS两个字段,我想向用户显示一条消息。因此,如果一个人失踪,该表格不得发送!这就是问题所在。

请参见问题:只有当用户按下按钮时,只有当一个字段为空时才发送表单;如果是JavaScript代码,则必须能够发送表单。

如果我在onsubmit在Form标记上,我需要知道它是用户还是其他JavaScript。由于没有任何参数可以通过,所以不可能直接传递,因此有些人添加了一个变量来判断是否必须进行验证。验证函数的第一件事是检查变量值,等等.太复杂了,代码没有说出真正想要的东西。

因此,解决方案是在表单标记上不包含onSubmit。INSEAD把它放在真正需要的地方,放在按钮上。

另一方面,为什么要放置onSubmit代码,因为在概念上我不需要onSubmit验证。我真的想要按钮验证。

不仅代码更清晰,而且它必须在哪里。请记住:-我不希望JavaScript验证表单(必须始终由PHP在服务器端完成)-我想向用户显示一条消息,告诉用户所有字段都不能是空的,这需要JavaScript(客户端)

那么,为什么有些人(想想或告诉我)必须通过一次性验证来完成呢?不,从概念上讲,我不是在客户端进行一次性验证。我只是在按下按钮,所以为什么不让它实现呢?

好吧,这种代码和风格完美地发挥了作用。在我需要发送的任何JavaScript上,我刚刚放置的表单:document.getElementById('theFormID').action='./GoToThisPage.php'; // Where to godocument.getElementById('theFormID').submit();

// Send POST data and go there

当我不需要它时,它会跳过验证。它只发送表单并加载不同的页面,等等。

但是如果用户单击Submit按钮(也就是type="button"不type="submit")验证是在允许提交表单之前完成的,如果不有效,则不发送。

希望这有助于其他人不要尝试冗长而复杂的代码。只是不使用onsubmit如果不需要,并使用onclick。但记住要改变type="submit"到type="button"请不要忘记submit()用JavaScript写的。