• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > bootstrapValidator 重新启用提交按钮的方法

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

作者: 字体:[增加 减小] 来源:互联网 时间:2017-05-11

通过本文主要向大家介绍了bootstrapvalidator,bootstrap按钮,bootstrap按钮样式,bootstrap按钮颜色,bootstrap单选按钮等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

bootstrapValidator 使用中,由于字段检查等原因,致使提交按钮失效。如何重新启用提交按钮呢?

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

$('#loginForm').bootstrapValidator('disableSubmitButtons', false); 
</div>

下面看下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
</div>

将上面方法写入点击事件中即可,如:

$(".btn-check").click(function () {
      $('button').addClass('disabled'); // Disables visually
$('button').prop('disabled', true); // Disables visually + functionally
    });
</div>

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);
</div>

以上所示是小编给大家介绍的bootstrapValidator 重新启用提交按钮的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • BootstrapValidator实现注册校验和登录错误提示效果
  • bootstrapValidator 重新启用提交按钮的方法
  • bootstrap Validator 模态框、jsp、表单验证 Ajax提交功能
  • BootStrapValidator初使用教程详解
  • bootstrapValidator.min.js表单验证插件
  • bootstrapValidator bootstrap-select验证不可用的解决办法

相关文章

  • 2017-05-11javascript数组去重常用方法实例分析
  • 2017-08-14javascript Module
  • 2017-05-11移动端界面的适配
  • 2017-05-11浅析vue数据绑定
  • 2017-05-11微信小程序 radio单选框组件详解及实例代码
  • 2017-05-11解析jquery easyui tree异步加载子节点问题
  • 2017-05-11jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
  • 2017-05-11JavaScript中使用webuploader实现上传视频功能(demo)
  • 2017-05-11详解angular2实现ng2-router 路由和嵌套路由
  • 2017-05-11JavaScript正则表达式替换字符串中图片地址(img src)的方法

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Three.js获取鼠标点击的三维坐标示例代码
    • node.js基于mongodb的搜索分页示例
    • jQuery实现优雅的弹窗效果(6)
    • 微信小程序 登录的简单实现
    • JS实现获取图片大小和预览的方法完整实例【兼容IE和其它浏览器】
    • 微信扫码支付零云插件版实例详解
    • JS查找英文文章中出现频率最高的单词
    • Vue.js父与子组件之间传参示例
    • Extjs gridpanel 中的checkbox(复选框)根据某行的条件不能选中的解决方法
    • 从零学习node.js之mysql数据库的操作(五)

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有