防止双击表单提交

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中双重提交表单

Answer 3

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

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