防止雙擊表單提交

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事件中為該代碼編寫代碼。 如果有任何驗證錯誤，請再次啟用該按鈕。