隱藏表單提交按鈕與jQuery只有當實際提交

有一段時間我一直在使用下面的代碼...隱藏表單提交按鈕與jQuery只有當實際提交

$("input[type=submit]:not(.noHide)").one('click', function() { 
    $(this).hide(); 
    $(this).click(function() { return false; }); 
});

禁用表單提交按鈕上點擊，主要是爲了避免雙重點擊提交兩次。

我現在有一個表格或兩個必需的字段...

<input type="date" name="DatePurchased" required>

而這種斷裂，因爲提交按鈕，一旦遺漏修正現在已經沒有了。

有沒有辦法在成功提交之後禁用按鈕，而不僅僅是點擊？

來源

2014-02-11 Jay2001

在隱藏/禁用它之前檢查驗證錯誤。 – Krishna

http://stackoverflow.com/questions/11534690/how-to-do-a-jquery-callback-after-form-submit – miny1997

使用錯誤的事件處理程序進行表單提交處理的另一個副作用。 –

改爲使用submit-event。

$("input[type=submit]:not(.noHide)").on('submit', function() { 
    if ($(this).not(':visible')) { 
     return false; 
    } 
    $(this).hide(); 
});

來源

2014-02-11 15:20:20

這似乎並沒有隱藏按鈕。 – Jay2001

似乎提交事件只能附加到表單，而不是提交按鈕。 – Jay2001

沒錯。對不起，我忘了提到這一點。 –

隱藏表單提交按鈕與jQuery只有當實際提交

回答

相關問題