您的位置:首页 > Web前端 > BootStrap

bootstrapValidator关于js赋值以及选择日期不触发验证解决办法

2017-06-11 18:56 417 查看
刚开始写博客,都说不写博客不能成为大神,这个习惯倒是不错,以前遇到问题一直在百度上问,是时候给别人做做贡献了,刚使用bootstrap框架,这个前端框架确实很厉害,不过因为一直是自己一个人研究,网上的给的答案有些基本不是太清楚,所以遇到不少坑,不过还好都一一已经解决,我会在后面一点一点总结放上来

首先的在刚开始使用bootstrapValidator验证表单的时候,出现两个问题,一个是日期控件,先上一张效果图:

图中,选择了日期后,下面的非空验证并没有消失,是因为bootstrapValidator插件默认情况下,不会重复校验一个已经标记为验证通过或验证不通过的字段。所以当开始触发校验后,没有通过校验,当正确选择日期后,并不会刷新校验结果,就会导致数据无法正常提交,当手动把日期改变后,会发现校验被正确触发了。现在就说一下解决方法

重要的是图中红框中的代码,#defaultForm对应form表单的Id,violation.illegal_time对应验证的input
的name值,代表选择日期后立即触发bootstrapValidator验证

完整验证如下

设置之后就ok了
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐