bootstrap怎么实现重新启用提交按钮-成都快上网建站

bootstrap怎么实现重新启用提交按钮

这篇文章主要介绍了bootstrap怎么实现重新启用提交按钮的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇bootstrap怎么实现重新启用提交按钮文章都会有所收获,下面我们一起来看看吧。

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:域名与空间、虚拟空间、营销软件、网站建设、鼓楼网站维护、网站推广。

下面一句代码可以实现启用提交按钮:

$('#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);

关于“bootstrap怎么实现重新启用提交按钮”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“bootstrap怎么实现重新启用提交按钮”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。


网站栏目:bootstrap怎么实现重新启用提交按钮
标题URL:http://kswjz.com/article/jggiii.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流