溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

bootstrapValidator如何實現(xiàn)重新啟用提交按鈕

發(fā)布時間:2021-07-07 11:29:45 來源:億速云 閱讀:158 作者:小新 欄目:web開發(fā)

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

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

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

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

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

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

具體實現(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

將上面方法寫入點擊事件中即可,如:

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

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

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

以上是“bootstrapValidator如何實現(xiàn)重新啟用提交按鈕”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI