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应用:Iframe自适应其加载的内容高度
Apr 10 Javascript
jquery判断浏览器类型的代码
Nov 05 Javascript
AngularJS内置指令
Feb 04 Javascript
表单验证正则表达式实例代码详解
Nov 09 Javascript
实用jquery操作表单元素的简单代码
Jul 04 Javascript
JavaScript利用闭包实现模块化
Jan 13 Javascript
使用Bootstrap美化按钮实例代码(demo)
Feb 03 Javascript
js中数组插入、删除元素操作的方法
Feb 15 Javascript
基于AngularJS的拖拽文件上传的实例代码
Jul 15 Javascript
基于DOM节点删除之empty和remove的区别(详解)
Sep 11 Javascript
js核心基础之构造函数constructor用法实例分析
May 11 Javascript
使用Webpack 搭建 Vue3 开发环境过程详解
Jul 28 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
Android ProgressBar进度条和ProgressDialog进度框的展示DEMO
2013/06/19 PHP
解析PHP中的内存管理,PHP动态分配和释放内存
2013/06/28 PHP
PHP判断文章里是否有图片的简单方法
2014/07/26 PHP
微信获取用户地理位置信息的原理与步骤
2015/11/12 PHP
php ci 获取表单中多个同名input元素值的代码
2016/03/25 PHP
CodeIgniter 完美解决URL含有中文字符串
2016/05/13 PHP
PHP实现的Redis多库选择功能单例类
2017/07/27 PHP
如何优雅的使用 laravel 的 validator验证方法
2018/11/11 PHP
PDO::getAvailableDrivers讲解
2019/01/28 PHP
Extjs4 类的定义和扩展实例
2013/06/28 Javascript
JavaScript中的运算符种类及其规则介绍
2013/09/26 Javascript
微信小程序  自定义创建详细介绍
2016/10/27 Javascript
详解Python中logging日志模块在多进程环境下的使用
2016/12/26 Javascript
基于vue2框架的机器人自动回复mini-project实例代码
2017/06/13 Javascript
基于javascript中的typeof和类型判断(详解)
2017/10/27 Javascript
Angular5中提取公共组件之radio list的实例代码
2018/07/10 Javascript
解决vue中post方式提交数据后台无法接收的问题
2018/08/11 Javascript
js实现动态增加文件域表单功能
2018/10/22 Javascript
React和Vue中监听变量变化的方法
2018/11/14 Javascript
文章或博客自动生成章节目录索引(支持三级)的实现代码
2020/05/10 Javascript
Vue 中获取当前时间并实时刷新的实现代码
2020/05/12 Javascript
node.js如何操作MySQL数据库
2020/10/29 Javascript
Pyramid添加Middleware的方法实例
2013/11/27 Python
10种检测Python程序运行时间、CPU和内存占用的方法
2015/04/01 Python
python实现中文分词FMM算法实例
2015/07/10 Python
Python减少循环层次和缩进的技巧分析
2016/03/15 Python
浅谈Python_Openpyxl使用(最全总结)
2019/09/05 Python
python dumps和loads区别详解
2020/02/04 Python
浅析HTML5的WebSocket与服务器推送事件
2016/02/19 HTML / CSS
《听鱼说话》教学反思
2014/02/15 职场文书
《钱学森》听课反思
2014/03/01 职场文书
商场客服专员岗位职责
2014/06/13 职场文书
品牌转让协议书
2014/08/20 职场文书
2015年检验员工作总结范文
2015/04/30 职场文书
同步小康驻村工作简报
2015/07/20 职场文书
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js