欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

bootstrapValidator 重新启用提交按钮的方法

程序员文章站 2023-11-12 22:28:40
bootstrapvalidator 使用中,由于字段检查等原因,致使提交按钮失效。如何重新启用提交按钮呢? 下面一句代码可以实现启用提交按钮: $('#log...

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 重新启用提交按钮的方法,希望对大家有所帮助