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小功能(setInterval实现图片效果显示时间)实例代码
Nov 28 Javascript
javascript控制在光标位置插入文字适合表情的插入
Jun 09 Javascript
ff chrome和ie下全局动态定位的异同及全局高度的取法
Jun 30 Javascript
jQuery复制表单元素附源码分享效果演示
Sep 30 Javascript
javascript实现的猜数小游戏完整实例代码
May 10 Javascript
JQuery中attr属性和jQuery.data()学习笔记【必看】
May 18 Javascript
Bootstrap的Refresh Icon也spin起来
Jul 13 Javascript
JavaScript中localStorage对象存储方式实例分析
Jan 12 Javascript
如何编写一个完整的Angular4 FormText 组件
Nov 18 Javascript
JS基于for语句编写的九九乘法表示例
Jan 04 Javascript
红黑树的插入详解及Javascript实现方法示例
Mar 26 Javascript
微信小程序带动画弹窗组件使用方法详解
Nov 27 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
星际争霸兵种名称对照表
2020/03/04 星际争霸
CentOS 6.2使用yum安装LAMP以及phpMyadmin详解
2013/06/17 PHP
解析PHP对现有搜索引擎的调用
2013/06/25 PHP
通过curl模拟post和get方式提交的表单类
2014/04/23 PHP
php实现用于删除整个目录的递归函数
2015/03/16 PHP
PHP封装的Twitter访问类实例
2015/07/18 PHP
Yii2隐藏frontend/web和backend/web的方法
2015/12/12 PHP
LAMP环境使用Composer安装Laravel的方法
2017/03/25 PHP
Laravel 错误提示本地化的实现
2019/10/22 PHP
js字符编码函数区别分析
2008/06/05 Javascript
Riot.js 快速的JavaScript单元测试框架
2009/11/09 Javascript
jQuery 表格插件整理
2010/04/27 Javascript
学习面向对象之面向对象的术语
2010/11/30 Javascript
jQuery源码分析-02正则表达式 RegExp 常用正则表达式
2011/11/14 Javascript
js下拉菜单语言选项简单实现
2013/09/23 Javascript
JavaScript动态创建link标签到head里的方法
2014/12/22 Javascript
JavaScript简单表格编辑功能实现方法
2015/04/16 Javascript
jquery 中ajax执行的优先级
2015/06/22 Javascript
jQuery实现的背景动态变化导航菜单效果
2015/08/24 Javascript
JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
2015/12/13 Javascript
Express + Node.js实现登录拦截器的实例代码
2017/07/01 Javascript
Vue实现搜索 和新闻列表功能简单范例
2018/03/16 Javascript
vue实现搜索过滤效果
2019/05/28 Javascript
json 带斜杠时如何解析的实现
2019/08/12 Javascript
tornado捕获和处理404错误的方法
2014/02/26 Python
Python2.x版本中cmp()方法的使用教程
2015/05/14 Python
python实现根据主机名字获得所有ip地址的方法
2015/06/28 Python
使用Python对MySQL数据操作
2017/04/06 Python
使用Python的Turtle库绘制森林的实例
2019/12/18 Python
Python CSV文件模块的使用案例分析
2019/12/21 Python
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
Paradox London官方网站:英国新娘鞋婚礼鞋品牌
2019/08/29 全球购物
delegate与普通函数的区别
2014/01/22 面试题
百度软件工程师职位
2013/02/14 面试题
仓管员岗位职责范文
2013/11/08 职场文书
Vue操作Storage本地化存储
2022/04/29 Vue.js