关于bootstrap之bootstrapValidator表单验证遇到的坑

最新推荐文章于 2020-07-18 10:35:31 发布
最新推荐文章于 2020-07-18 10:35:31 发布
阅读量984 收藏 1
点赞数
分类专栏： H5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42562636/article/details/99832688
版权

如图明明是通过验证的 submit按钮可以点击
在这里插入图片描述
可是当我点击 submit按钮时 却又变成了不可点击状态 卧槽这尼玛是真的坑
在这里插入图片描述
google了半天 百度了半天也没结果 后来自己总结出来了

添加live属性 并赋值disabled 点击submit的时候 先验证一个 再点一下就ok了 效果没有enabled好 但bug解决了

live: 'disabled',//enabled是内容有变化就验证（默认），disabled和submitted是提交再验证 (enabled和submitted不能用)

在这里插入图片描述

CTH—成长之路
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Bootstrap之Form表单验证神器： BootstrapValidator
沈荣荣的博客
11-04 1501
1、初级用法 来看bootstrapvalidator的描述：A jQuery form validator for Bootstrap 3。从描述中我们就可以知道它至少需要jQuery、bootstrap的支持。我们首先引入需要的js组件 　　 我们知道，既然是表单验证，那么我们在cshtml页面
浅谈bootstrap表单验证插件BootstrapValidator
jingzhunhuoke9的博客
12-08 95
本篇推荐一款twitter做的BootstrapValidator，本身Bootstrap就是twitter做的，那么使用原配的validator也就更值得信赖。从百度上搜BootstrapValidator会出现很多款，但我只推荐这款（突然感觉自己有点“库【Steve 库里】吹”的感觉）。 相关教程推荐：《bootstrap教程》 ###一、一睹为快 为了简便的介绍，这里只做为空的check。 BootstrapValidator官方下载地址 ###二、资源引用 下载完资源包后，你可以看到如下的目录。 .
BootstrapValidator表单验证无法提交问题
華府、小書童的博客
09-17 2598
用BootstrapValidator做表单验证遇见点击submit和未执行action的情况，看网上都是加个点击事件，然后$("id").submit(),既繁琐又不好用,几经查找发现BootstrapValidator验证有给提交按钮的属性:submitButtons: "提交按钮ID"，下面贴出演示代码 1.html页面 <form action="#" method="pos...
bootstrapValidator不触发校验
热门推荐
张叔的博客
02-24 3万+
一、前言 BootstrapValidator是基于bootstrap3的jquery表单验证插件，是最适合bootstrap框架的表单验证插件，在工作中用到此框架就写下自己在使用中积累的一些心得 二、问题描述 当按钮的类型为submit时，使用bootstrapValidator的isValid()能够使验证表单正常工作，但当button的type类型为button时，只调用bootstr...
Form表单验证神器： BootstrapValidator常见的坑，input框的value值改变二次验证不了？
lituxiu的博客
07-18 3582
BootstrapValidator表单验证是通常是用来设置form表单提交时，限制某些字段不能为空，为空时type="submit"的按钮一直提交不了，如下图 原理是引用BootstrapValidator插件后，根据要提交的form的name值对应的value数据判断，BootstrapValidator验证如下 $(document).ready(function () { $('form').bootstrapValidator({ exclude
关于bootstrap的验证插件bootstrapValidator使用时遇到的坑
Hanlex-Liu的博客
05-05 1254
最近手里的项目由于项目性质的原因表单众多，每个表单的字段也是非常多，由于初期的时候考虑进度没有使用验证，后期项目优化的时候上边要求加上几个字段的验证，由于前端框架用的是bootstrap,考略到协调性和体验感问题，遂决定使用bootstrap的验证框架boostrapCalidator，在使用的时候遇到了几个问题，整理一下已做备忘，顺便希望能帮助需要的伙伴们。 前言：bootstrap使用的通用...
BootstrapValidator摸坑
ytlmike的博客
07-10 1136
0. 触发验证时, 事先用js填充了正确数据但"isValid"返回false的问题： 是因为初始化时第一次获取valid值时便产生了返回值，而初始化时默认赋值为NOT_VALID。 解决方案：点击（或其他）事件触发后调用bootstrapValidator后延时10ms执行获取isValid值的操作。 function validateCurrent(element,option,ca...
好用的bootstrapvalidator表单验证
09-07
BootstrapValidator是一款基于Bootstrap框架的强大的表单验证插件，它为开发者提供了丰富的验证规则和便捷的验证机制，使得创建复杂的Web表单变得轻而易举。这个插件通过优雅的UI设计和灵活的配置选项，使得表单验证...
Bootstrap Validator 表单验证
09-01
$('#defaultForm').bootstrapValidator({ message: 'This value is not valid', // ... }); ``` 3. **验证规则**：Bootstrap Validator 提供了多种内置验证器，如`notEmpty`、`stringLength`、`regexp`等。这些...
BootstrapValidator实现表单验证功能
10-16
BootstrapValidator 是一个强大的表单验证插件，它允许开发者轻松地为HTML表单添加复杂的验证规则，提升用户体验。这个插件充分利用了Bootstrap框架的样式，提供了美观的错误提示信息，使得表单验证更加直观和友好。...
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
12-13
BootStrapValidator表单验证插件的坑还真不少，又让我碰上一个… BootStrapValidator验证的表单中只可有一个 type="submit" 的按钮。 我这样写了之后 （代码如下） ，点击其它按钮仍会触发验证… 1.错误代码 //示意 <form> ... <button type="submit">提交</button> ... <button>重置</button> <button>取消</button> ... </form> 一开始是写成这样的，但是 问题来了 ，点击其它的按钮也会触发 表单验证 … 2.正确代码 //示意 <for
jquery插件bootstrapValidator表单验证详解
10-20
主要为大家详细介绍了jquery插件bootstrapValidator表单验证，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
实用又漂亮的BootstrapValidator表单验证插件
09-02
BootstrapValidator是一款基于Bootstrap框架的强大的表单验证插件，它为开发者提供了美观且易于使用的验证功能，能够确保用户输入的数据符合预设的规则。这款插件由Twitter开发，与Bootstrap的风格和功能相匹配，...
bootstrapValidator 提交按钮改成button后，.submit() 无法提交表单
她的猿的博客
04-23 2861
解决方法：$(‘#myform’)[0].submit();
bootstrapValidator bootstrap-select验证不可用的解决办法
jshyzx1999的博客
04-10 581
本文章向大家介绍bootstrapValidator bootstrap-select验证不可用的解决办法，主要包括bootstrapValidator bootstrap-select验证不可用的解决办法使用实例、应用技巧、基本知识点总结和需要注意事项，具有一定的参考价值，需要的朋友可以参考一下。 如何解决bootStrapValidator bootStrap-select验证不可用，只要三...
使用bootstrap validator出现表单验证失败，提交按钮变为禁用
桃子dev的博客
05-14 1111
如题，使用bootstrap的验证插件，然后在表单中有一个实现提交功能的按钮，点击提交，验证失败，按钮被禁用，然后按验证要求填写表单的数据，填完之后还是发现提交按钮还是禁用状态，如何解决？ 并无发现直接解决方法。 间接解决方法： 为何出现这个问题？深究其代码，发现验证器，验证失败不会走onclick中指定的方法，且直接给此按钮添加了 disabled的 class样式，我们可以给按钮再添加一个mouseout事件，将其disabled的样式移除,伪代码为： //jq实现 $('#btnN...
BootStrap Validator对于隐藏域验证
panlin1506913260的博客
06-17 285
<input type="hidden" class="form-control" id="save_name" name="save_name" maxlength="200" autocomplete="off" /> 把type设置成hidden 就不会验证了 $("#save_form").bootstrapValidator({ live: 'disabled', //bootstrapValidator默认配置对于“隐藏域（:hidden）、禁用域.
正则表达式 部分元字符说明?=
Liam1994的博客
03-07 402
正则表达式中，(?=.*) (?&lt;=.*) (?&lt;!) (?:) 表达式说明： (pattern) 匹配 pattern 并获取这一匹配。所获取的匹配可以从产生的 Matches 集合得到，在VBScript 中使用 SubMatches 集合，在JScript 中则使用 $0…$9 属性。要匹配圆括号字符，请使用 '\(' 或 '\)'。 (?:patt...
关于echarts进入一直显示loading（代码没错）
qq_42562636的博客
08-12 3904
代码没问题的前提下 还一直出现loading 无效果 方法： jQuery的版本问题 我用的是3.0.0 改成1.7.2之后就好了
bootstrapvalidator
最新发布
08-13
BootstrapValidator是一个基于Bootstrap框架的jQuery表单验证插件。它可以用来验证各种类型的表单元素，如文本框、下拉框、单选按钮等。它支持多种验证方式，如长度限制、数字范围、邮箱格式等。使用Bootstrap...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值