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对象数组的OrderByAsc和OrderByDesc方法实现思路
May 17 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
Aug 28 Javascript
javascript实现倒计时跳转页面
Jan 17 Javascript
jQuery层次选择器用法示例
Sep 09 Javascript
浅谈angularjs中响应回车事件
Apr 24 Javascript
JavaScript满天星导航栏实现方法
Mar 08 Javascript
Vue手把手教你撸一个 beforeEnter 钩子函数
Apr 24 Javascript
vue 表单验证按钮事件交由父组件触发的方法
Dec 17 Javascript
vue 组件中使用 transition 和 transition-group实现过渡动画
Jul 09 Javascript
2020京东618叠蛋糕js脚本(亲测好用)
Jun 02 Javascript
何时/使用 Vue3 render 函数的教程详解
Jul 25 Javascript
JavaScript 去重和重复次数统计
Mar 31 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
PhpMyAdmin中无法导入sql文件的解决办法
2010/01/08 PHP
深入理解PHP原理之异常机制
2010/08/21 PHP
php cookie使用方法学习笔记分享
2013/11/07 PHP
thinkphp的URL路由规则与配置实例
2014/11/26 PHP
PHP实现PDO的mysql数据库操作类
2014/12/12 PHP
解决更换PHP5.4以上版本后Dedecms后台登录空白问题的方法
2015/10/23 PHP
一段利用WSH获取登录时间的jscript代码
2008/05/11 Javascript
在jquery中处理带有命名空间的XML数据
2011/06/13 Javascript
利用jQuery和CSS将背景图片拉伸
2015/10/16 Javascript
jQuery无刷新切换主题皮肤实例讲解
2015/10/21 Javascript
Javascript HTML5 Canvas实现的一个画板
2020/04/12 Javascript
解析javascript图片懒加载与预加载的分析总结
2016/10/27 Javascript
用nodejs搭建websocket服务器
2017/01/23 NodeJs
angularjs实现上拉加载和下拉刷新数据功能
2017/06/12 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
2018/06/28 Javascript
Jquery ajax书写方法代码实例解析
2020/06/12 jQuery
解决Vue中的生命周期beforeDestory不触发的问题
2020/07/21 Javascript
[49:13]DOTA2上海特级锦标赛C组资格赛#1 OG VS LGD第一局
2016/02/27 DOTA
python中threading超线程用法实例分析
2015/05/16 Python
python安装cx_Oracle模块常见问题与解决方法
2017/02/21 Python
python 限制函数执行时间,自己实现timeout的实例
2019/01/12 Python
浅谈Python中的可迭代对象、迭代器、For循环工作机制、生成器
2019/03/11 Python
Django使用中间件解决前后端同源策略问题
2019/09/02 Python
Pyqt5自适应布局实例
2019/12/13 Python
Python实现计算图像RGB均值方式
2020/06/04 Python
python IP地址转整数
2020/11/20 Python
Nike英国官网:Nike.com (UK)
2017/02/13 全球购物
梅西百货澳大利亚:Macy’s Australia
2017/07/26 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
最新大学生创业计划书写作攻略
2014/04/02 职场文书
党的群众路线查摆剖析材料
2014/10/10 职场文书
2016大学生毕业实习心得体会
2016/01/23 职场文书
2016年师德先进个人事迹材料
2016/02/29 职场文书
SQL Server连接查询的实用教程
2021/04/07 SQL Server
用Python写一个简易版弹球游戏
2021/04/13 Python
HTML实现仿Windows桌面主题特效的实现
2022/06/28 HTML / CSS