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


Posted in Javascript onFebruary 20, 2017

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 相关文章推荐
JS setCapture 区域外事件捕捉
Mar 18 Javascript
jquery 查找iframe父级页面元素的实现代码
Aug 28 Javascript
jQuery实现图片放大预览实现原理及代码
Sep 12 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
Aug 05 Javascript
JS基于Ajax实现的网页Loading效果代码
Oct 27 Javascript
Bootstrap面板学习使用
Feb 09 Javascript
jQuery返回定位插件详解
May 15 jQuery
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 Javascript
vue 项目打包时样式及背景图片路径找不到的解决方式
Nov 12 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
JS原形与原型链深入详解
May 09 Javascript
js实现Element中input组件的部分功能并封装成组件(实例代码)
Mar 02 Javascript
原生js实现轮播图的示例代码
Feb 20 #Javascript
深入理解Javascript中的观察者模式
Feb 20 #Javascript
浅谈js中function的参数默认值
Feb 20 #Javascript
angularJS+requireJS实现controller及directive的按需加载示例
Feb 20 #Javascript
浅谈js函数三种定义方式 &amp; 四种调用方式 &amp; 调用顺序
Feb 19 #Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 #Javascript
js通过keyCode值判断单击键盘上某个键,然后触发指定的事件方法
Feb 19 #Javascript
You might like
用mysql内存表来代替php session的类
2009/02/01 PHP
php去除HTML标签实例
2013/11/06 PHP
php生成数字字母的验证码图片
2015/07/14 PHP
jQuery Autocomplete自动完成插件
2010/07/17 Javascript
基于jsTree的无限级树JSON数据的转换代码
2010/07/27 Javascript
JavaScript字符串对象toUpperCase方法入门实例(用于把字母转换为大写)
2014/10/17 Javascript
Javascript中判断对象是否为空
2015/06/10 Javascript
Javascript获取background属性中url的值
2016/10/17 Javascript
Angular.Js中ng-include指令的使用与实现
2017/05/07 Javascript
jQuery UI Draggable + Sortable 结合使用(实例讲解)
2017/09/07 jQuery
详解javascript 正则表达式之分组与前瞻匹配
2018/05/30 Javascript
vue上传图片到oss的方法示例(图片带有删除功能)
2018/09/27 Javascript
关于vue的列表图片选中打钩操作
2020/09/09 Javascript
[01:32]DOTA2 2015国际邀请赛中国区预选赛第四日战报
2015/05/29 DOTA
[02:10]DOTA2 TI10勇士令状玩法及不朽Ⅰ展示:焕新世界,如你所期
2020/05/29 DOTA
python中实现精确的浮点数运算详解
2017/11/02 Python
python实现搜索文本文件内容脚本
2018/06/22 Python
详解Python 函数如何重载?
2019/04/23 Python
Python实现九宫格式的朋友圈功能内附“马云”朋友圈
2019/05/07 Python
python统计指定目录内文件的代码行数
2019/09/19 Python
Keras—embedding嵌入层的用法详解
2020/06/10 Python
详解向scrapy中的spider传递参数的几种方法(2种)
2020/09/28 Python
python字符串拼接+和join的区别详解
2020/12/03 Python
用python对excel查重
2020/12/07 Python
让IE9以下版本的浏览器兼容HTML5的方法
2014/03/12 HTML / CSS
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
绿化工程实施方案
2014/03/17 职场文书
书香家庭事迹材料
2014/05/09 职场文书
预备党员综合考察材料
2014/05/31 职场文书
自我检讨书范文
2015/01/28 职场文书
推销搭讪开场白
2015/05/28 职场文书
2016圣诞节贺卡寄语
2015/12/07 职场文书
Anaconda安装pytorch及配置PyCharm 2021环境
2021/06/04 Python
java设计模式--建造者模式详解
2021/07/21 Java/Android
SQL Server2019数据库备份与还原脚本,数据库可批量备份
2021/11/20 SQL Server