小編給大家分享一下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如何實現重新啟用提交按鈕”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創新互聯網站建設公司行業資訊頻道!
另外有需要云服務器可以了解下創新互聯建站www.yijiale78.com,海內外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業上云的綜合解決方案,具有“安全穩定、簡單易用、服務可用性高、性價比高”等特點與優勢,專為企業上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。
分享文章:bootstrapValidator如何實現重新啟用提交按鈕-創新互聯
文章分享:http://www.yijiale78.com/article34/ccdhpe.html
成都網站建設公司_創新互聯,為您提供外貿網站建設、搜索引擎優化、網站設計、小程序開發、域名注冊、全網營銷推廣
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯