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

更新時間：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ì)時
  btn.val("發(fā)送動態(tài)密碼");
  btn.attr("disabled", false);
  return false;
 }else {
  btn.val("" + (time--) + "秒后可發(fā)送");
 }
 }, 1000);
}
//調(diào)用方法
timer(30);

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

您可能感興趣的文章:

相關(guān)文章

js實(shí)現(xiàn)櫥窗展示效果
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)櫥窗展示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-01-01
提高Web性能的前端優(yōu)化技巧總結(jié)
這篇文章講述可以幫助改善優(yōu)化前端的技術(shù)，非常有用。主要內(nèi)容有清理代碼、壓縮圖片、壓縮外部資源、使用CDN，以及一些其它方法。這些方法會為你的網(wǎng)站帶顯著的速度提升和整體性能提升。下面跟著小編一起來看下吧
2017-02-02
微信開發(fā) JS-SDK 6.0.2 經(jīng)常遇到問題總結(jié)
本篇文章主要介紹了"微信微信JS-SDK 6.0.2 遇到問題 "，主要涉及到微信微信JS-SDK 6.0.2 填坑筆記方面的內(nèi)容，對于微信微信JS-SDK 6.0.2 填坑筆記感興趣的同學(xué)可以參考一下。
2016-12-12
快速查找數(shù)組中的某個元素并返回下標(biāo)示例
最近在寫jquery的combobox插件時遇到效率問題，再加上jquery選擇器的類帥選，導(dǎo)致效率很慢，采用以下方式二，可以輕松解決此問題
2013-09-09
js canvas實(shí)現(xiàn)星空連線背景特效
這篇文章主要為大家詳細(xì)介紹了js canvas實(shí)現(xiàn)星空連線背景特效，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2019-11-11
iscroll動態(tài)加載數(shù)據(jù)完美解決方法
這篇文章主要為大家詳細(xì)介紹了iscroll動態(tài)加載數(shù)據(jù)的完美解決方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-07-07
UI Events 用戶界面事件
UI即User Interface（用戶界面）的簡稱。UI設(shè)計(jì)則是指對軟件的人機(jī)交互、操作邏輯、界面美觀的整體設(shè)計(jì)
2012-06-06
用js取得鼠標(biāo)所在位置的對象
用js取得鼠標(biāo)所在位置的對象...
2007-01-01
javascript簡化代碼 A=alert w=document.writeln
建議不要這樣寫代碼,考慮以后的修改才是最重要的,代碼分層.多把一個功能寫成一個js代碼或一個類,然后提供接口,這種寫法代碼會更多,速度也更慢,但人人都推薦這樣寫,是因?yàn)檫@樣子維護(hù)方便.而程序不可能一次性寫得完美的,永遠(yuǎn)都可以改進(jìn)
2008-02-02
如何給JS中的數(shù)組開頭添加元素
這篇文章主要介紹了如何給JS中的數(shù)組開頭添加元素，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
2022-08-08