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 相关文章推荐
学习YUI.Ext 第二天
Mar 10 Javascript
jQuery 使用手册(三)
Sep 23 Javascript
JavaScript异步调用定时方法并停止该方法实现代码
Mar 16 Javascript
javascript中window.open在原来的窗口中打开新的窗口(不同名)
Nov 15 Javascript
javascript淘宝主图放大镜功能
Oct 20 Javascript
Bootstrap jquery.twbsPagination.js动态页码分页实例代码
Feb 20 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
Vue-router 类似Vuex实现组件化开发的示例
Sep 15 Javascript
微信小程序实现Session功能及无法获取session问题的解决方法
May 07 Javascript
ES6中new Function()语法及应用实例分析
Feb 19 Javascript
JavaScript实现简单进度条效果
Mar 25 Javascript
Vertx基于EventBus发送接受自定义对象
Nov 16 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读取html并截取字符串的简单代码
2009/11/30 PHP
JS与PHP向函数传递可变参数的区别实例代码
2011/05/18 PHP
编写PHP脚本来实现WordPress中评论分页的功能
2015/12/10 PHP
PHP文件上传之多文件上传的实现思路
2016/01/27 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
js修改table中Td的值(定义td的单击事件)
2013/01/10 Javascript
在浏览器中实现图片粘贴的jQuery插件-- pasteimg使用指南
2014/12/29 Javascript
jquery控制显示服务器生成的图片流
2015/08/04 Javascript
浅谈Nodejs应用主文件index.js
2016/08/28 NodeJs
彻底解决 webpack 打包文件体积过大问题
2017/07/07 Javascript
使用JavaScript开发跨平台的桌面应用详解
2017/07/27 Javascript
JavaScript实现的简单Tab点击切换功能示例
2018/07/06 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
浅谈layui 绑定form submit提交表单的注意事项
2019/10/25 Javascript
JavaScript this指向相关原理及实例解析
2020/07/10 Javascript
vue中路由跳转不计入history的操作
2020/09/21 Javascript
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
python 循环while和for in简单实例
2016/08/16 Python
Python实现的用户登录系统功能示例
2018/02/05 Python
Python实现抓取HTML网页并以PDF文件形式保存的方法
2018/05/08 Python
python读取图片任意范围区域
2019/01/23 Python
PYQT5设置textEdit自动滚屏的方法
2019/06/14 Python
Python如何对XML 解析
2020/06/28 Python
python 实现aes256加密
2020/11/27 Python
python爬虫搭配起Bilibili唧唧的流程分析
2020/12/01 Python
python利用后缀表达式实现计算器功能
2021/02/22 Python
美国顶级防滑鞋:Shoes For Crews
2017/03/27 全球购物
发现世界上最好的珠宝设计师:JewelStreet
2017/12/17 全球购物
荷兰和比利时时尚鞋店:Van Dalen
2018/04/23 全球购物
拥有超过850家商店的美国在线派对商店:Party City
2018/10/21 全球购物
软件测试笔试题
2012/10/25 面试题
同学聚会老师邀请函
2014/01/28 职场文书
硕士论文致谢范文
2015/05/14 职场文书
话题作文之成长
2019/12/09 职场文书
Redis 操作多个数据库的配置的方法实现
2022/03/23 Redis
HTML 里 img 元素的 src 和 srcset 属性的区别详解
2023/05/21 HTML / CSS