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 相关文章推荐
jQuery控制iFrame(实例代码)
Nov 19 Javascript
jQuery和AngularJS的区别浅析
Jan 29 Javascript
javascript实现 百度翻译 可折叠的分享按钮列表
Mar 12 Javascript
通过node-mysql搭建Windows+Node.js+MySQL环境的教程
Mar 01 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
Dec 14 Javascript
jQuery使用正则表达式替换dom元素标签用法示例
Jan 16 Javascript
vue2 前后端分离项目ajax跨域session问题解决方法
Apr 27 Javascript
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 Javascript
jquery实现左右轮播图效果
Sep 28 jQuery
Vue一次性简洁明了引入所有公共组件的方法
Nov 28 Javascript
VUE 实现element upload上传图片到阿里云
Aug 12 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
附件名前加网站名
2008/03/23 PHP
PHP中去掉字符串首尾空格的方法
2012/05/19 PHP
关于PHP的curl开启问题探讨
2014/04/08 PHP
php基于websocket搭建简易聊天室实践
2016/10/24 PHP
php模拟post提交请求调用接口示例解析
2020/08/07 PHP
取得父标签
2006/11/14 Javascript
js面向对象 多种创建对象方法小结
2012/05/21 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
jQuery简单注册和禁用全局事件的方法
2016/07/25 Javascript
jQuery.Validate表单验证插件的使用示例详解
2017/01/04 Javascript
AngularJS表格添加序号的方法
2017/03/03 Javascript
node.js中debug模块的简单介绍与使用
2017/04/25 Javascript
Node学习记录之cluster模块
2017/05/31 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
2017/12/28 Javascript
angularJs中$http获取后台数据的实例讲解
2018/08/08 Javascript
使用微信SDK自定义分享的方法
2019/07/03 Javascript
js中switch语句的学习笔记
2020/03/25 Javascript
JSON获取属性值方法代码实例
2020/06/30 Javascript
Javascript实现打鼓效果
2021/01/29 Javascript
python+Django+apache的配置方法详解
2016/06/01 Python
Python使用ntplib库同步校准当地时间的方法
2016/07/02 Python
python妙用之编码的转换详解
2017/04/21 Python
Python实现购物程序思路及代码
2017/07/24 Python
老生常谈进程线程协程那些事儿
2017/07/24 Python
Python中django学习心得
2017/12/06 Python
Python3实现的判断回文链表算法示例
2019/03/08 Python
详解爬虫被封的问题
2019/04/23 Python
python 可视化库PyG2Plot的使用
2021/01/21 Python
使用canvas对多图片拼合并导出图片的方法
2018/08/28 HTML / CSS
学生就业推荐信
2013/11/13 职场文书
学校党委副书记个人对照检查材料思想汇报
2014/09/28 职场文书
2014年内勤工作总结
2014/11/24 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
催款函怎么写
2015/06/24 职场文书
2021-4-5课程——SQL Server查询【3】
2021/04/05 SQL Server
Go语言基础知识点介绍
2021/07/04 Golang