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 触发HTML元素绑定的函数
Sep 11 Javascript
javaScript 删除字符串空格多种方法小结
Oct 24 Javascript
JS获取并操作iframe中元素的方法
Mar 21 Javascript
javascript显式类型转换实例分析
Apr 25 Javascript
详解Vue单元测试Karma+Mocha学习笔记
Jan 31 Javascript
jQuery实现的监听导航滚动置顶状态功能示例
Jul 23 jQuery
javascript实现简易聊天室
Jul 12 Javascript
vue实现select下拉显示隐藏功能
Sep 30 Javascript
vue路由拦截器和请求拦截器知识点总结
Nov 08 Javascript
微信小程序8种数据通信的方式小结
Feb 03 Javascript
JavaScript DOM常用操作代码汇总
Jul 03 Javascript
微信小程序学习之自定义滚动弹窗
Dec 20 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动态生成VRML网页
2006/10/09 PHP
初学CAKEPHP 基础教程
2009/11/02 PHP
php+jQuery实现的三级导航栏下拉菜单显示效果
2017/08/10 PHP
PHP对称加密算法(DES/AES)类的实现代码
2017/11/14 PHP
ThinkPHP5.0多个文件上传后找不到临时文件的修改方法
2018/07/30 PHP
Laravel框架集成UEditor编辑器的方法图文与实例详解
2019/04/17 PHP
JS函数验证总结(方便js客户端输入验证)
2010/10/29 Javascript
Jquery实现网页跳转或用命令打开指定网页的解决方法
2013/07/09 Javascript
jQuery动态显示和隐藏datagrid中的某一列的方法
2013/12/11 Javascript
如何在指定的地方插入html内容和文本内容
2013/12/23 Javascript
jQuery移除元素自动解绑事件实现思路及代码
2014/05/31 Javascript
使用Meteor配合Node.js编写实时聊天应用的范例
2015/06/23 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
2016/04/13 Javascript
js实现上传图片及时预览
2016/05/07 Javascript
Node.js利用debug模块打印出调试日志的方法
2017/04/25 Javascript
JS中把函数作为另一函数的参数传递方法(总结)
2017/06/28 Javascript
微信小程序中post方法与get方法的封装
2017/09/26 Javascript
iview table高度动态设置方法
2018/03/14 Javascript
PM2自动部署代码步骤流程总结
2018/12/10 Javascript
Vue编写可显示周和月模式的日历 Vue自定义日历内容的显示
2019/06/26 Javascript
详细介绍解决vue和jsp结合的方法
2020/02/06 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
微信小程序弹窗禁止页面滚动的实现代码
2020/12/30 Javascript
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
深入分析python数据挖掘 Json结构分析
2018/04/21 Python
Python中安装easy_install的方法
2018/11/18 Python
人工神经网络算法知识点总结
2019/06/11 Python
使用 pytorch 创建神经网络拟合sin函数的实现
2020/02/24 Python
考生诚信考试承诺书
2014/05/23 职场文书
2014迎国庆演讲稿
2014/09/19 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
办公用房租赁协议书
2014/11/29 职场文书
优秀教师先进材料
2014/12/16 职场文书
法制教育讲座心得体会
2016/01/14 职场文书
eval(cmd)与eval($cmd)的区别与联系
2021/07/07 PHP
Win11 Build 25179预览版发布(附更新内容+ISO官方镜像下载)
2022/08/14 数码科技