关于boostrapValidator动态添加字段(addField)验证的bug
2017-04-07 11:05
246 查看
每次码博客,都觉得自己怀才不遇,哎~脑袋有瑕疵,文笔拿不粗手,就直接上干货吧。
在使用boostrapValidator这个验证插件的时候,如果某一个字段是动态添加来的,我们需要调用方法:addField
这个方法的官方使用说明是这样的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/cb5abceb59716b82182f5dd890f6b8b3.png)
可是!!!!
当我在表单中动态加入一个checkbox列表,使用addField方法将这个checkbox加入验证队列时,我一开始是这么操作的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/756a3e7132ff6f1971777cb441599aba.png)
此时我加入验证队列:
此时验证的效果是:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/592f7ca7212d813e9e73e064e5cae5ba.png)
但是当我选择checkbox的第一个时,这个字段的验证通过了!!!!!
问题就在于这个bv插件中只拿到了jquery对象中的第一个
改正:
这里就能正确通过验证,效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/243defdd859fb347f40136279917190b.png)
妈卖批!removeField也是不能传Jquery对象直接传name,一个bug浪费我多长时间
在使用boostrapValidator这个验证插件的时候,如果某一个字段是动态添加来的,我们需要调用方法:addField
这个方法的官方使用说明是这样的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/cb5abceb59716b82182f5dd890f6b8b3.png)
可是!!!!
当我在表单中动态加入一个checkbox列表,使用addField方法将这个checkbox加入验证队列时,我一开始是这么操作的:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/756a3e7132ff6f1971777cb441599aba.png)
此时我加入验证队列:
//注意!!这里我传入的是Jquery对象 $("#testForm").bootstrapValidator("addField",$("[name='roleName']"));
此时验证的效果是:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/592f7ca7212d813e9e73e064e5cae5ba.png)
但是当我选择checkbox的第一个时,这个字段的验证通过了!!!!!
问题就在于这个bv插件中只拿到了jquery对象中的第一个
改正:
//这里直接传入name字符串 $("#testForm").bootstrapValidator("addField","roleName");
这里就能正确通过验证,效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202011/24/243defdd859fb347f40136279917190b.png)
妈卖批!removeField也是不能传Jquery对象直接传name,一个bug浪费我多长时间
相关文章推荐
- TClientDataSet中关于TField、TFieldDef动态创立字段的应用
- laravel框架 5.4 关于验证和添加存在的bug
- TClientDataSet中关于TField、TFieldDef动态创立字段的应用
- 关于Jquery.validate.js中动态删除验证remove方法的Bug
- 将 TemplateField 字段列动态添加到 GridView 控件
- jQuery validate 根据上下文条件动态给字段添加或删除验证选项?
- 关于form表单中动态添加数据的验证
- 关于JQuery动态添加的html会失去动态效果——(消灭bug①)
- 将 TemplateField 字段列动态添加到 GridView 控件
- 将 TemplateField 字段列动态添加到 GridView 控件
- TClientDataSet中关于TField、TFieldDef动态创立字段的应用
- javaScript中关于动态添加select选项的操作。。。。。。
- 关于JS动态添加事件
- SQL Server动态为表添加字段的方法
- 在水晶报表中动态的添加自己所需要的的字段
- 如何在水晶报表中动态添加字段
- Team Foundation Server Beta3(TFS)中关于连接和用户验证的bug以及解决方案(TFS高手进)
- Tomcat5.5.23中关于动态网页(JSP,JSF)的BUG!!!
- 关于ASP.NET页面动态添加控件的总结
- 添加一个Field字段(ZZ)