当前位置:首页 > 日记 > 正文

bootstrapValidator 重新启用提交按钮的方法

bootstrapValidator 重新启用提交按钮的方法

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 重新启用提交按钮的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

相关文章

Word中插入首页和奇偶不同页码的操

Word中插入首页和奇偶不同页码的操

首页,奇偶,操作方法,页码,操作步骤,  想必大家在学习工作中经常会遇到word文档的排版,其中经常会出现页码首页不同以及奇偶页不同的情况,今天,小编就教大家在Word中插入首页和奇偶不同页码的操作方法。Word中插入首页和奇偶不同页码的操作步…

怎样固定打印Excel的表头固定打印E

怎样固定打印Excel的表头固定打印E

表头,方法,电脑软件,Excel,strong,  在打印Excel表格的时候,你可能遇到过这种情况,有些表格在有限的纸张内没有办法容纳,这时候就要另起一页了,可是打印出来后面的页面却没有了表头,如果表格量大的话,用复制粘贴表头的方法就很麻烦了,这时候怎么…

excel2003打开2010版本的解决方法e

excel2003打开2010版本的解决方法e

解决方法,字符,单元,格中,方法,  在Excel这么多个版本当中,有很多人都会多个版本相结合着用,而有时候在高版本创建的Excel到低版本的Excel中就打不开了,这个时候就需要一个解决方法可以让低版本打开高版本的文件。接下来请欣赏小编给大家网…

BootStrap Select清除选中的状态恢

BootStrap Select清除选中的状态恢

状态,清除,恢复,默认,电脑软件,PC端项目中经常会出现大量的数据列表页面,涉及到下拉框选择筛选条件;当时用到bootstrap-select下拉框时该如何点击重置按钮就清除下拉框的选中状态呢?如【图1】当我们选择摸一个条件之后如【图2】此时点击重置按…

word怎么更新目录的两种方法

word怎么更新目录的两种方法

方法,步骤,链接,新和,目录,  有时生成目录之后会对文档进行修改,会产生目录标题、页码和文章中不同的情况,此时就应更新目录,那么下面就由小编给大家分享下word更新目录的技巧,希望能帮助到您。word更新目录方法一word更新目录的步骤一:打开wo…

JavaScript数组复制详解

JavaScript数组复制详解

数组复制,详解,电脑软件,JavaScript,前面的话??前面的博文中介绍了对象拷贝,本文将详细介绍数组复制pushfunction copyArray(arr){ var result = []; for(var i = 0; i < arr.length; i++){ result.push(arr[i]); } return result;}v…

如何将里的表格转换成excel将里的

如何将里的表格转换成excel将里的

方法,表格,转换成,转化为,如何将,  表格图片转excel,工作中总有那么个情况,手上只有纸质文档,却不知道电子档跑哪里去了,如果需要转换成电子档的文件,就需要手打里面的内容,是不是所有的都需要那样呢?下面小编教你如何将图片里的表格转换成exce…

如何在word2013中旋转图形

如何在word2013中旋转图形

图形,如何在,电脑软件,  有时候需要在文档中插入图片,在排版的时候可能会旋转图片做出更加令人赏心悦目的效果;只是插入word里的图片怎么旋转角度呢?那么下面就由小编给大家分享下word2013中旋转图形的技巧,希望能帮助到您。在word2013中…

javascript验证香港身份证的格式或

javascript验证香港身份证的格式或

验证,香港,身份证,真实性,格式,话不多说,请看代码function IsHKID(str) { var strValidChars = "ABCDEFGHIJKLMNOPQRSTUVWXYZ" // basic check length if (str.length < 8) return false; // handling bracket if (str.charAt(str.length-…

ppt2010怎样绘制图形

ppt2010怎样绘制图形

绘制图形,方法,电脑软件,  在ppt里面有丰富的形状功能,我们可以插入各种形状绘制自己所要的效果,怎么在ppt2010中绘制图形呢?下面小编就为你提供ppt2010如何画图的方法,希望能帮到大家。ppt2010绘制图形的方法形状图点击&ldquo;插入&rdquo;…

vue mixins组件复用的几种方式(小结

vue mixins组件复用的几种方式(小结

组件,复用,几种,方式,电脑软件,最近在做项目的时候,研究了mixins,此功能有妙处。用的时候有这样一个场景,页面的风格不同,但是执行的方法,和需要的数据非常的相似。我们是否要写两种组件呢?还是保留一个并且然后另个一并兼容另一个呢?不管以上那种…

浅谈angular2的http请求返回结果的

浅谈angular2的http请求返回结果的

返回结果,请求,浅谈,注意事项,电脑软件,实例如下:this.monitorSer.getVehicleLonAndLat(vehicleIds) .subscribe( data => { //将data下的data字符串转化为vehdata数组 this.vehData=JSON.parse(data.data); //功能实现 this.loadO…