防止双击表单提交

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();

Prevent double submission of forms in jQuery

Answer 3

你的问题不明确。但根据我的理解，以下提示可能会对您有所帮助。

要在双击时禁用按钮，您可以在.dblclick（）jquery事件中为其编写代码。如果有任何验证错误，请再次启用该按钮。