当前位置：首页 > 资讯 > 技术文档

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

时间：2021-12-12 10:28 编辑：来源：阅读：
扫一扫，手机访问

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

如果表单是通过onsubmit进行Ajax提交，注意将表单提交按钮input type属性设为button，尽量不要设置为submit类型。另外，在提交事件发出后，最好将提交按钮设置为disabled，防止由于网络延时问题，让用户有机会进行多次点击重复提交。 onclick事件里面执行 $(this).attr('disabled','disabled'); 在点击一次后立马将按钮设置为不可使用。或者向如下方法另行定义一个jQuery函数来进行控制：

  $("form").submit(function(){ 
  $(":submit",this).attr("disabled","disabled"); 
  });

以上这篇阻止表单提交按钮多次提交的完美解决方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：关于JavaScript的gzip静态压缩方法
下一篇：在React中如何优雅的处理事件响应详解

资讯排行榜
更多>>