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 表单验证常见正则
Sep 28 Javascript
document.getElementById为空或不是对象的解决方法
Jan 24 Javascript
validator验证控件使用代码
Nov 23 Javascript
jquery.pagination.js 无刷新分页实现步骤分享
May 23 Javascript
深入理解JavaScript系列(18):面向对象编程之ECMAScript实现
Mar 05 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
js实现的页面矩阵图形变换特效
Jan 26 Javascript
在Node.js中使用Javascript Generators详解
May 05 Javascript
js改变style样式和css样式的简单实例
Jun 28 Javascript
easyUI combobox实现联动效果
Jan 17 Javascript
javascript实现最长公共子序列实例代码
Feb 05 Javascript
vue+Element中table表格实现可编辑(select下拉框)
May 21 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
开源SNS系统-ThinkSNS
2008/05/18 PHP
php $_SERVER当前完整url的写法
2009/11/12 PHP
PHP结合Jquery和ajax实现瀑布流特效
2016/01/07 PHP
在Mac OS的PHP环境下安装配置MemCache的全过程解析
2016/02/15 PHP
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
2014/04/03 Javascript
javascript工厂方式定义对象
2014/12/26 Javascript
代码分析jQuery四种静态方法使用
2015/07/23 Javascript
浅析如何利用angular结合translate为项目实现国际化
2016/12/08 Javascript
解析利用javascript如何判断一个数为素数
2016/12/08 Javascript
js实现贪吃蛇小游戏(容易理解)
2017/01/22 Javascript
js replace()去除代码中空格的实例
2017/02/14 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
2017/03/10 Javascript
Vue 过滤器filters及基本用法
2017/12/26 Javascript
详解vue组件开发脚手架
2018/06/15 Javascript
JS实现的类似微信聊天效果示例
2019/01/29 Javascript
详解Bootstrap 学习(一)入门
2019/04/12 Javascript
利用React高阶组件实现一个面包屑导航的示例
2020/08/23 Javascript
详解实现vue的数据响应式原理
2021/01/20 Vue.js
python解析json串与正则匹配对比方法
2018/12/20 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
django 多对多表的创建和插入代码实现
2019/09/09 Python
Flask 上传自定义头像的实例详解
2020/01/09 Python
Django Model中字段(field)的各种选项说明
2020/05/19 Python
python 图像插值 最近邻、双线性、双三次实例
2020/07/05 Python
python模拟点击玩游戏的实例讲解
2020/11/26 Python
以色列的身体护理及家居香薰品牌:Sabon NYC
2018/02/23 全球购物
英国票务网站:Ticketmaster英国
2018/08/27 全球购物
Lookfantastic意大利官网:英国知名美妆购物网站
2019/05/31 全球购物
杭州龙健科技笔试题.net部分笔试题
2016/01/24 面试题
解释i节点在文件系统中的作用
2013/11/26 面试题
竞选劳动委员演讲稿
2014/04/28 职场文书
社会学专业求职信
2014/07/17 职场文书
酒店辞职书范文
2015/02/26 职场文书
建筑工地资料员岗位职责
2015/04/13 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
2019年英语版感谢信(8篇)
2019/09/29 职场文书