這篇文章主要介紹了bootstrap怎么實(shí)現(xiàn)重新啟用提交按鈕的相關(guān)知識(shí),內(nèi)容詳細(xì)易懂,操作簡(jiǎn)單快捷,具有一定借鑒價(jià)值,相信大家閱讀完這篇bootstrap怎么實(shí)現(xiàn)重新啟用提交按鈕文章都會(huì)有所收獲,下面我們一起來看看吧。
讓客戶滿意是我們工作的目標(biāo),不斷超越客戶的期望值來自于我們對(duì)這個(gè)行業(yè)的熱愛。我們立志把好的技術(shù)通過有效、簡(jiǎn)單的方式提供給客戶,將通過不懈努力成為客戶在信息化領(lǐng)域值得信任、有價(jià)值的長期合作伙伴,公司提供的服務(wù)項(xiàng)目有:域名與空間、虛擬空間、營銷軟件、網(wǎng)站建設(shè)、鼓樓網(wǎng)站維護(hù)、網(wǎng)站推廣。
下面一句代碼可以實(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)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。