快捷導(dǎo)航

bootstrapValidator 重新啟用提交按鈕的方法

更新時(shí)間：2017年02月20日 08:55:16 投稿：mrr

bootstrapValidator 使用中，由于字段檢查等原因，致使提交按鈕失效。如何重新啟用提交按鈕呢？下面小編給大家介紹下bootstrapValidator 重新啟用提交按鈕的方法,需要的朋友可以參考下

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

下面一句代碼可以實(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ā)送動態(tài)密碼" : ("" + (time) + "秒后可發(fā)送"));
 var hander = setInterval(function() {
 if (time <= 0) {
  clearInterval(hander); //清除倒計(jì)時(shí)
  btn.val("發(fā)送動態(tài)密碼");
  btn.attr("disabled", false);
  return false;
 }else {
  btn.val("" + (time--) + "秒后可發(fā)送");
 }
 }, 1000);
}
//調(diào)用方法
timer(30);

以上所示是小編給大家介紹的bootstrapValidator 重新啟用提交按鈕的方法，希望對大家有所幫助，如果大家有任何疑問歡迎給我留言，小編會及時(shí)回復(fù)大家的！

您可能感興趣的文章:

相關(guān)文章

JS解析url查詢參數(shù)的簡單代碼
本文通過簡單代碼給大家介紹了js解析url查詢參數(shù)的方法，然后在文章下面給大家介紹了js獲取url參數(shù)值的兩種方式，非常不錯，具有參考借鑒價(jià)值，需要的朋友參考下吧
2017-08-08
學(xué)習(xí)掌握J(rèn)avaScript中this的使用技巧
這篇文章主要幫助大家學(xué)習(xí)并熟練掌握J(rèn)avaScript中this的使用技巧，感興趣的小伙伴們可以參考一下
2016-08-08
這篇文章主要介紹了javascript模擬實(shí)現(xiàn)ajax加載框的方法,實(shí)例簡述了其實(shí)現(xiàn)過程,方法簡單實(shí)用,需要的朋友可以參考下
2014-10-10

javascript類型系統(tǒng)_正則表達(dá)式RegExp類型詳解

下面小編就為大家?guī)硪黄猨avascript類型系統(tǒng)_正則表達(dá)式RegExp類型詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

2016-06-06

微信小程序如何引用外部js，外部樣式，公共頁面模板

這篇文章主要介紹了微信小程序引用外部js，外部樣式，公共頁面模板,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

2019-07-07

移動端H5頁面返回并刷新頁面（BFcache）的方法

這篇文章主要給大家介紹了關(guān)于移動端H5頁面返回并刷新頁面（BFcache）的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧

2018-11-11