时间:2021-05-25
如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。
另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行多次点击重复提交。
onclick事件里面执行 $(this).attr('disabled','disabled'); 在点击一次后立马将按钮设置为不可使用。
或者向如下方法另行定义一个jQuery函数来进行控制:
$("form").submit(function(){ $(":submit",this).attr("disabled","disabled"); });以上这篇阻止表单提交按钮多次提交的完美解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、通过表单提交这是HTML支持最传统的提交方法,需要创建表单,然后表单包含各种类型的表单元素,还要有一个提交按钮,通过提交按钮来提交到后台,这种方式提交后页面
本文实例讲述了ThinkPHP提交表单时默认自动转义的解决方法。分享给大家供大家参考。具体方法如下:一、问题:在ThinkPHP中提交表单插入数据的时候,单引号
本文实例讲述了Web表单提交之disabled问题js解决方法。分享给大家供大家参考。具体分析如下:例如,有如下表单复制代码代码如下:当我们提交表单时,在后台是
在进行表单提交时,会遇到在提交前增加额外参数的情况,对此有如下几种解决方法:1.在表单里使用hidden的input,将参数放到里面。缺点:在form表单里会增
1:使用submit提交: onSubmit用于提交前阻止表单提交,如果为false则提交,为true则不提交! check()为提交前的验证函数,如果不符合就