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 prototype,executing,context,closure
Dec 24 Javascript
如何判断微信内置浏览器(通过User Agent实现)
Sep 01 Javascript
Egret引擎开发指南之创建项目
Sep 03 Javascript
jQuery unbind 删除绑定事件详解
May 24 Javascript
利用angularjs1.4制作的简易滑动门效果
Feb 28 Javascript
小发现之浅谈location.search与location.hash的问题
Jun 23 Javascript
JS常见构造模式实例对比分析
Aug 27 Javascript
vue + element-ui的分页问题实现
Dec 17 Javascript
js数组去重的方法总结
Jan 18 Javascript
vue视图不更新情况详解
May 16 Javascript
Vue + Element UI图片上传控件使用详解
Aug 20 Javascript
Vue OpenLayer 为地图绘制风场效果
Apr 24 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
人大复印资料处理程序_输入篇
2006/10/09 PHP
用PHP伪造referer突破网盘禁止外连的代码
2008/06/15 PHP
使用php将某个目录下面的所有文件罗列出来的方法详解
2013/06/21 PHP
PHP实现事件机制实例分析
2015/06/26 PHP
PHP实现 APP端微信支付功能
2018/06/22 PHP
按给定几率进行随机抽取的js代码
2010/12/28 Javascript
jQuery自动切换/点击切换选项卡效果的小例子
2013/08/12 Javascript
对于Form表单reset方法的新认识
2014/03/05 Javascript
js实现网页随机切换背景图片的方法
2014/11/01 Javascript
js函数与php函数的区别实例浅析
2015/01/12 Javascript
javascript特殊日历控件分享
2016/03/07 Javascript
Javascript实现代码折叠功能
2016/08/25 Javascript
jQuery实现ajax无刷新分页页码控件
2017/02/28 Javascript
Vue非父子组件通信详解
2017/06/12 Javascript
使用JavaScript进行表单校验功能
2017/08/01 Javascript
React 高阶组件入门介绍
2018/01/11 Javascript
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
微信小程序如何修改本地缓存key中单个数据的详解
2019/04/26 Javascript
微信小程序--特定区域滚动到顶部时固定的方法
2019/04/28 Javascript
Elasticsearch实现复合查询高亮结果功能
2019/09/10 Javascript
React组件设计模式之组合组件应用实例分析
2020/04/29 Javascript
uin-app+mockjs实现本地数据模拟
2020/08/26 Javascript
[42:04]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第一局
2016/03/03 DOTA
Python面向对象之继承和多态用法分析
2019/06/08 Python
python 三元运算符使用解析
2019/09/16 Python
浅谈Pytorch torch.optim优化器个性化的使用
2020/02/20 Python
使用python3 实现插入数据到mysql
2020/03/02 Python
浅谈anaconda python 版本对应关系
2020/10/07 Python
HTML5 Canvas入门学习教程
2016/03/17 HTML / CSS
美国女孩服装购物网站:Justice
2017/03/04 全球购物
千元咖啡店的创业计划书范文
2013/12/29 职场文书
经理任命书模板
2014/06/06 职场文书
企业趣味活动方案
2014/08/21 职场文书
检察院院长群众路线教育实践活动个人整改措施
2014/10/04 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书
导游词之天津古文化街
2019/11/09 职场文书