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中void(0)的具体含义解释
Feb 27 Javascript
JavaScript获取网页表单action属性的方法
Apr 02 Javascript
jQuery结合ajax实现动态加载文本内容
May 19 Javascript
介绍JavaScript的一个微型模版
Jun 24 Javascript
深入理解AngularJs-scope的脏检查(一)
Jun 19 Javascript
微信小程序url与token设置详解
Sep 26 Javascript
用vue封装插件并发布到npm的方法步骤
Oct 18 Javascript
vue中的$emit 与$on父子组件与兄弟组件的之间通信方式
May 13 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
May 30 Javascript
小程序实现列表点赞功能
Nov 02 Javascript
详解JavaScript 为什么要有 Symbol 类型?
Apr 03 Javascript
TypeScript高级用法的知识点汇总
Dec 17 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
法兰绒滤网冲泡
2021/03/03 冲泡冲煮
PHP中实现汉字转区位码应用源码实例解析
2010/06/14 PHP
在PHP语言中使用JSON和将json还原成数组的方法
2016/07/19 PHP
JQUERY 对象与DOM对象之两者相互间的转换
2009/04/27 Javascript
js实现的跟随鼠标移动的时钟效果(中英文日期显示)
2011/01/17 Javascript
深入理解JavaScript系列(2) 揭秘命名函数表达式
2012/01/15 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
2012/12/10 Javascript
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
利用JS判断用户是否上网(连接网络)
2013/12/23 Javascript
禁用页面部分JavaScript不是全部而是部分
2014/09/03 Javascript
js实现精美的银灰色竖排折叠菜单
2015/05/16 Javascript
浅谈JS正则表达式的RegExp对象和括号的使用
2016/07/28 Javascript
Bootstrap入门教程一Hello Bootstrap初识
2017/03/02 Javascript
Node.js+ELK日志规范的实现
2019/05/23 Javascript
基于JS实现一个随机生成验证码功能
2019/05/29 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
浅谈js中的attributes和Attribute的用法与区别
2020/07/16 Javascript
vue 使用原生组件上传图片的实例
2020/09/08 Javascript
前端vue如何使用高德地图
2020/11/05 Javascript
[06:36]吞吞映像top1
2014/06/20 DOTA
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
python reverse反转部分数组的实例
2018/12/13 Python
Python实现字符串中某个字母的替代功能
2019/10/21 Python
python opencv把一张图片嵌入(叠加)到另一张图片上的实现代码
2020/06/11 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
CSS3的first-child选择器实战攻略
2016/04/28 HTML / CSS
值传递还是引用传递
2015/02/08 面试题
硕士研究生自我鉴定范文
2013/12/27 职场文书
个人简历自我评价范文
2014/02/04 职场文书
运动会闭幕式解说词
2014/02/21 职场文书
服务宗旨标语
2014/07/01 职场文书
2015年党员自评材料
2014/12/17 职场文书
加薪申请报告范本
2015/05/15 职场文书
比赛主持人开场白
2015/05/29 职场文书
五年级作文之想象作文
2019/10/30 职场文书
Python批量将csv文件转化成xml文件的实例
2021/05/10 Python