防止双击表单提交

Question

我想防止双击提交按钮.

我的代码是......

onclick='this.style.visibility = "hidden";'

但如果我输错了,它也会隐藏起来.我想在双击时禁用按钮,但在验证错误输入时按钮启用

Answer 1

改用它:

onclick="this.disabled=true;"

对于双击事件,您可以使用:

ondblclick="this.disabled=true;"

Answer 2

  jQuery.fn.preventDoubleSubmission = function() {

var last_clicked, time_since_clicked;

$(this).bind('submit', function(event){

if(last_clicked) 
  time_since_clicked = event.timeStamp - last_clicked;

last_clicked = event.timeStamp;

if(time_since_clicked < 2000)
  return false;

return true;
});
};

像这样使用：

 $('#my-form').preventDoubleSubmission();

防止在 jQuery 中重复提交表单