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

 更新时间:2017年02月20日 08:55:16   投稿:mrr  
bootstrapValidator 使用中,由于字段检查等原因,致使提交按钮失效。如何重新启用提交按钮呢?下面小编给大家介绍下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 重新启用提交按钮的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

  • JavaScript 事件入门知识

    JavaScript 事件入门知识

    这篇文章主要介绍了JavaScript 事件入门知识,需要的朋友可以参考下
    2015-04-04
  • 详解JavaScript的Date对象(制作简易钟表)

    详解JavaScript的Date对象(制作简易钟表)

    这篇文章主要为大家详细介绍了JavaScript的Date对象,和大家分享如何制作简易钟表,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-12-12
  • BootStrap 导航条实例代码

    BootStrap 导航条实例代码

    本文通过实例代码给大家介绍了bootstrap导航条效果,代码简单易懂,非常不错,具有参考借鉴价值,需要的的朋友参考下吧
    2017-05-05
  • Bootstrap框架下下拉框select搜索功能

    Bootstrap框架下下拉框select搜索功能

    这篇文章主要为大家详细介绍了Bootstrap框架下下拉框select搜索功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-07-07
  • Layui实现数据表格默认全部显示(不要分页)

    Layui实现数据表格默认全部显示(不要分页)

    今天小编就为大家分享一篇Layui实现数据表格默认全部显示(不要分页),具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-10-10
  • 关于实现代码语法标亮 dp.SyntaxHighlighter

    关于实现代码语法标亮 dp.SyntaxHighlighter

    关于实现代码语法标亮 dp.SyntaxHighlighter...
    2007-02-02
  • window.open以post方式将内容提交到新窗口

    window.open以post方式将内容提交到新窗口

    最近在做web项目,碰到需要跨页面传递参数的功能,就是那种需要把当前页面的内容带到新开的子窗体中,以前的做法是传一个id过去,然后在新窗口中去读数据库的内容;比较有意思的是直接通过调用form的submit方法不能触发onsubmit事件,查看了帮助文档,必须手动的触发,否则只能看到页面刷新而没有打开新窗口
    2012-12-12
  • javascript下4个跨浏览器必备的函数

    javascript下4个跨浏览器必备的函数

    如果你的项目要用到 JavaScript,而你不使用任何 JavaScript 框架,那么对于那些常用且各个浏览器明显不同的地方就需要用函数来封装起来。
    2010-03-03
  • Javascript中数组去重与拍平的方法示例

    Javascript中数组去重与拍平的方法示例

    这篇文章主要介绍了Javascript中数组去重与拍平的相关资料,因为这是实际业务开发中经常遇到的,文中开始先进行了数组的判断介绍,因为在处理数组之前判断数据是不是数组很重要,有需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-02-02
  • 用javascript获取任意颜色的更亮或更暗颜色值示例代码

    用javascript获取任意颜色的更亮或更暗颜色值示例代码

    最近在工作中遇到的一个需求,发现网上没有相对应的解决方法,索性自己写一个,所以这篇文章主要给大家介绍了关于利用javascript获取任意颜色更亮或更暗颜色值的相关资料,文中给出了详细的示例代码,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-07-07

最新评论