bootstrapValidator如何實現重新啟用提交按鈕

小編給大家分享一下bootstrapValidator如何實現重新啟用提交按鈕，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

bootstrapValidator 使用中，由于字段檢查等原因，致使提交按鈕失效。如何重新啟用提交按鈕呢？

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

$('#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);

以上是“bootstrapValidator如何實現重新啟用提交按鈕”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！