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 相关文章推荐
javascript中的数字与字符串相加实例分析
Aug 14 Javascript
javascript中验证大写字母、数字和中文
Jan 15 Javascript
100个不能错过的实用JS自定义函数
Mar 05 Javascript
JavaScript给url网址进行encode编码的方法
Mar 18 Javascript
jquery 实现滚动条下拉时无限加载的简单实例
Jun 01 Javascript
AngularJS ng-bind-html 指令详解及实例代码
Jul 30 Javascript
JS中判断null的方法分析
Nov 21 Javascript
vue2.X组件学习心得(新手必看篇)
Jul 05 Javascript
JavaScript实现一个简易的计算器实例代码
May 10 Javascript
js页面加载后执行的几种方式小结
Jan 30 Javascript
使用vue实现HTML页面生成图片的方法
Mar 12 Javascript
详解为什么Vue中的v-if和v-for不建议一起用
Jan 13 Vue.js
原生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
thinkphp缓存技术详解
2014/12/09 PHP
在Windows XP下安装Apache+MySQL+PHP环境
2015/02/22 PHP
关于php 高并发解决的一点思路
2017/04/16 PHP
详解如何在云服务器上部署Laravel
2017/06/30 PHP
PHP解决高并发的优化方案实例
2020/12/10 PHP
JS option location 页面跳转实现代码
2008/12/27 Javascript
javascript 浏览器检测代码精简版
2010/03/04 Javascript
不使用中间变量,交换int型的 a, b两个变量的值。
2010/10/29 Javascript
js读写(删除)Cookie实例详解
2013/04/17 Javascript
js获得当前时区夏令时发生和终止的时间代码
2014/02/23 Javascript
javascript十六进制及二进制转化的方法
2015/05/06 Javascript
javascript判断复选框是否选中的方法
2015/10/16 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
JS常用函数和常用技巧小结
2016/10/15 Javascript
js实现点击按钮弹出上传文件的窗口
2016/12/23 Javascript
webpack4简单入门实例
2018/09/06 Javascript
spring+angular实现导出excel的实现代码
2019/02/27 Javascript
公众号SVG动画交互实战代码
2020/05/31 Javascript
jQuery cookie的公共方法封装和使用示例
2020/06/01 jQuery
[22:20]初生之犊-TI4第5名LGD战队纪录片
2014/08/13 DOTA
Python实现一个服务器监听多个客户端请求
2018/04/12 Python
Python中使用Counter进行字典创建以及key数量统计的方法
2018/07/06 Python
python实现简单成绩录入系统
2019/09/19 Python
使用PyOpenGL绘制三维坐标系实例
2019/12/24 Python
pytorch的梯度计算以及backward方法详解
2020/01/10 Python
Adobe Html5 Extension开发初体验图文教程
2017/11/14 HTML / CSS
Super-Pharm波兰:药房和香水在一个地方
2020/08/18 全球购物
学生生病请假条范文
2014/02/16 职场文书
员工薪酬激励方案
2014/06/13 职场文书
县政协领导班子群众路线教育实践活动四风问题整改方案
2014/10/26 职场文书
老龙头导游词
2015/02/11 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书
2015年乡镇妇联工作总结
2015/05/19 职场文书
党支部考察意见范文
2015/06/02 职场文书
劳动模范获奖感言
2015/07/31 职场文书
小学语文教学反思范文
2016/03/03 职场文书