bootstrap怎么實現重新啟用提交按鈕

這篇文章主要介紹了bootstrap怎么實現重新啟用提交按鈕的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇bootstrap怎么實現重新啟用提交按鈕文章都會有所收獲，下面我們一起來看看吧。

下面一句代碼可以實現啟用提交按鈕：

$('#loginForm').bootstrapValidator('disableSubmitButtons', false);

下面看下Bootstrap中點擊后禁用按鈕的最佳方法

為了防止在Bootstrap中點擊按鈕多次提交，所以希望點擊按鈕后禁用按鈕。

具體實現方法如下：

//禁用button
$('button').addClass('disabled'); // Disables visually
$('button').prop('disabled', true); // Disables visually + functionally
//禁用類型為button的input按鈕
$('input[type=button]').addClass('disabled'); // Disables visually
$('input[type=button]').prop('disabled', true); // Disables visually + functionally
//禁用超鏈接
$('a').addClass('disabled'); // Disables visually
$('a').prop('disabled', true); // Does nothing
$('a').attr('disabled', 'disabled'); // Disables visually

將上面方法寫入點擊事件中即可，如：

$(".btn-check").click(function () {
      $('button').addClass('disabled'); // Disables visually
$('button').prop('disabled', true); // Disables visually + functionally
    });

js按鈕點擊后幾秒內不可用

function timer(time) {
 var btn = $("#sendButton");
 btn.attr("disabled", true); //按鈕禁止點擊
 btn.val(time <= 0 ? "發送動態密碼" : ("" + (time) + "秒后可發送"));
 var hander = setInterval(function() {
 if (time <= 0) {
  clearInterval(hander); //清除倒計時
  btn.val("發送動態密碼");
  btn.attr("disabled", false);
  return false;
 }else {
  btn.val("" + (time--) + "秒后可發送");
 }
 }, 1000);
}
//調用方法
timer(30);

關于“bootstrap怎么實現重新啟用提交按鈕”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“bootstrap怎么實現重新啟用提交按鈕”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注億速云行業資訊頻道。