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中一维数组和二位数组中的几个问题示例说明
Jul 17 Javascript
JavaScript实现生成GUID(全局统一标识符)
Sep 05 Javascript
JS实现控制表格内指定单元格内容对齐的方法
Mar 30 Javascript
javascript限制文本框输入值类型的方法
May 07 Javascript
jQuery 获取屏幕高度、宽度的简单实现案例
May 17 Javascript
js给table赋值的实例代码
Oct 13 Javascript
jQuery中checkbox反复调用attr('checked', true/false)只有第一次生效的解决方法
Nov 16 Javascript
详解数组Array.sort()排序的方法
May 09 Javascript
浅谈通过JS拦截 pushState和replaceState事件
Jul 21 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 Javascript
node.js中module模块的功能理解与用法实例分析
Feb 14 Javascript
输入框跟随文字内容适配宽实现示例
Aug 14 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
PHP CURL模拟GET及POST函数代码
2010/04/25 PHP
php检测iis环境是否支持htaccess的方法
2014/02/18 PHP
PHP输出两个数字中间有多少个回文数的方法
2015/03/23 PHP
php从文件夹随机读取文件的方法
2015/06/01 PHP
thinkPHP中多维数组的遍历方法
2016/01/09 PHP
PHP Trait功能与用法实例分析
2020/06/03 PHP
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
jquery CSS选择器笔记
2010/03/29 Javascript
jquery中实现简单的tabs插件功能的代码
2011/03/02 Javascript
JavaScript关闭当前页面(窗口)不带任何提示
2014/03/26 Javascript
JavaScript判断表单为空及获取焦点的方法
2016/02/12 Javascript
JavaScript学习笔记之数组去重
2016/03/23 Javascript
JavaScript ES5标准中新增的Array方法
2016/06/28 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
jQuery的 $.ajax防止重复提交的两种方法(推荐)
2016/10/14 Javascript
JavaScript 实现的checkbox经典实例分享
2016/10/16 Javascript
bootstrap滚动监控器使用方法解析
2017/01/13 Javascript
jquery Easyui Datagrid实现批量操作(编辑,删除,添加)
2017/02/20 Javascript
js实现倒计时关键代码
2017/05/05 Javascript
vue2.0的虚拟DOM渲染思路分析
2018/08/09 Javascript
ES6知识点整理之对象解构赋值应用示例
2019/04/17 Javascript
JavaScript 面向对象基础简单示例
2019/10/02 Javascript
python实现域名系统(DNS)正向查询的方法
2016/04/19 Python
Python yield与实现方法代码分析
2018/02/06 Python
python 利用toapi库自动生成api
2020/10/19 Python
python list等分并从等分的子集中随机选取一个数
2020/11/16 Python
css3 矩阵的使用详解
2018/03/20 HTML / CSS
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
html svg生成环形进度条的实现方法
2019/09/23 HTML / CSS
用Java语言将一个键盘输入的数字转化成中文输出
2013/01/25 面试题
狼和鹿教学反思
2014/02/05 职场文书
简单租房协议书
2014/04/09 职场文书
经济国贸专业求职信
2014/06/18 职场文书
导游词之淮安明祖陵
2019/11/25 职场文书
SpringBoot整合JWT的入门指南
2021/06/29 Java/Android
世界十大评分最高的动漫,CLANNAD上榜,第八赚足人们眼泪
2022/03/18 日漫