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 重新啟用提交按鈕的方法,希望對大家有所幫助,如果大家有任何疑問歡迎給我留言,小編會及時回復大家的!
|
新聞熱點
疑難解答