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 相关文章推荐
JSON 学习之JSON in JavaScript详细使用说明
Feb 23 Javascript
JS将数字转换成三位逗号分隔的样式(示例代码)
Feb 19 Javascript
JS解析XML实例分析
Jan 30 Javascript
JavaScript中的getMilliseconds()方法使用详解
Jun 10 Javascript
JS中innerHTML和pasteHTML的区别实例分析
Jun 22 Javascript
JS+HTML5实现的前端购物车功能插件实例【附demo源码下载】
Oct 17 Javascript
jQuery双向列表选择器select版
Nov 01 Javascript
3种不同的ContextMenu右键菜单实现代码
Nov 03 Javascript
jQuery 循环遍历改变a标签的href(实例讲解)
Jul 12 jQuery
详解Vue用cmd创建项目
Feb 12 Javascript
JavaScript实现栈结构Stack过程详解
Mar 07 Javascript
浅谈js数组splice删除某个元素爬坑
Oct 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下统计用户在线时间的一种尝试
2010/08/26 PHP
PHP中文处理 中文字符串截取(mb_substr)和获取中文字符串字数
2011/11/10 PHP
基于PHP生成静态页的实现方法
2013/05/10 PHP
解析link_mysql的php版
2013/06/30 PHP
PHP attributes()函数讲解
2019/02/03 PHP
Laravel 类和接口注入相关的代码
2019/10/15 PHP
PHP数组实际占用内存大小原理解析
2020/12/11 PHP
JavaScript this 深入理解
2009/07/30 Javascript
javascript showModalDialog 多层模态窗口实现页面提交及刷新的代码
2009/11/28 Javascript
基于jQuery的倒计时实现代码
2012/05/30 Javascript
可自定义速度的js图片无缝滚动示例分享
2014/01/20 Javascript
$(document).ready(function() {})不执行初始化脚本
2014/06/19 Javascript
javascript实现十六进制颜色值(HEX)和RGB格式相互转换
2014/06/20 Javascript
JavaScript编程中的Promise使用大全
2015/07/28 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
使用JavaScriptCore实现OC和JS交互详解
2017/03/28 Javascript
JS实现数组按升序及降序排列的方法
2017/04/26 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
Vue2 配置 Axios api 接口调用文件的方法
2017/11/13 Javascript
如何从零开始利用js手写一个Promise库详解
2018/04/19 Javascript
Vue插件打包与发布的方法示例
2018/08/20 Javascript
详解搭建一个vue-cli的移动端H5开发模板
2020/01/17 Javascript
vue组件暴露和.js文件暴露接口操作
2020/08/11 Javascript
[05:05]DOTA2亚洲邀请赛 战队出场仪式
2015/02/07 DOTA
[01:09]DOTAPLUS——DOTA2的新时代
2018/04/04 DOTA
python查看zip包中文件及大小的方法
2015/07/09 Python
Python基于正则表达式实现检查文件内容的方法【文件检索】
2017/08/30 Python
详解Python with/as使用说明
2018/12/13 Python
Python Selenium模块安装使用教程详解
2020/07/09 Python
Python 程序员必须掌握的日志记录
2020/08/17 Python
设置器与访问器的定义以及各自特点
2016/01/08 面试题
应用心理学个人的求职信
2013/12/08 职场文书
MySQL InnoDB ReplicaSet(副本集)简单介绍
2021/04/24 MySQL
golang 实现并发求和
2021/05/08 Golang
Java面试题冲刺第十七天--基础篇3
2021/08/07 面试题
JVM钩子函数的使用场景详解
2021/08/23 Java/Android