阻止表单提交按钮多次提交的完美解决方法

网友投稿 199 2023-07-17


阻止表单提交按钮多次提交的完美解决方法

如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。

另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行多次点击重复提交。

onclick事件里面执行 $(this).attr('disabled','disabled'); 在点击一次后立马将按钮设置为不可使用。

或者向如下方法另行定义一个jquery函数来进行控制:

$("form").submit(function(){

$(":submit",this).attr("disabled","disabled");

});


版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:java发送http的get、post请求实现代码
下一篇:Bootstrap所支持的表单控件实例详解
相关文章

 发表评论

暂时没有评论,来抢沙发吧~