bootstrap怎么實(shí)現(xiàn)重新啟用提交按鈕

這篇文章主要介紹了bootstrap怎么實(shí)現(xiàn)重新啟用提交按鈕的相關(guān)知識(shí)，內(nèi)容詳細(xì)易懂，操作簡(jiǎn)單快捷，具有一定借鑒價(jià)值，相信大家閱讀完這篇bootstrap怎么實(shí)現(xiàn)重新啟用提交按鈕文章都會(huì)有所收獲，下面我們一起來(lái)看看吧。

下面一句代碼可以實(shí)現(xiàn)啟用提交按鈕：

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

下面看下Bootstrap中點(diǎn)擊后禁用按鈕的最佳方法

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

具體實(shí)現(xiàn)方法如下：

//禁用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

將上面方法寫入點(diǎn)擊事件中即可，如：

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

js按鈕點(diǎn)擊后幾秒內(nèi)不可用

function timer(time) {
 var btn = $("#sendButton");
 btn.attr("disabled", true); //按鈕禁止點(diǎn)擊
 btn.val(time <= 0 ? "發(fā)送動(dòng)態(tài)密碼" : ("" + (time) + "秒后可發(fā)送"));
 var hander = setInterval(function() {
 if (time <= 0) {
  clearInterval(hander); //清除倒計(jì)時(shí)
  btn.val("發(fā)送動(dòng)態(tài)密碼");
  btn.attr("disabled", false);
  return false;
 }else {
  btn.val("" + (time--) + "秒后可發(fā)送");
 }
 }, 1000);
}
//調(diào)用方法
timer(30);

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