bootstrapValidator关于js赋值以及选择日期不触发验证解决办法
2017-06-11 18:56
417 查看
刚开始写博客,都说不写博客不能成为大神,这个习惯倒是不错,以前遇到问题一直在百度上问,是时候给别人做做贡献了,刚使用bootstrap框架,这个前端框架确实很厉害,不过因为一直是自己一个人研究,网上的给的答案有些基本不是太清楚,所以遇到不少坑,不过还好都一一已经解决,我会在后面一点一点总结放上来
首先的在刚开始使用bootstrapValidator验证表单的时候,出现两个问题,一个是日期控件,先上一张效果图:
图中,选择了日期后,下面的非空验证并没有消失,是因为bootstrapValidator插件默认情况下,不会重复校验一个已经标记为验证通过或验证不通过的字段。所以当开始触发校验后,没有通过校验,当正确选择日期后,并不会刷新校验结果,就会导致数据无法正常提交,当手动把日期改变后,会发现校验被正确触发了。现在就说一下解决方法
重要的是图中红框中的代码,#defaultForm对应form表单的Id,violation.illegal_time对应验证的input
的name值,代表选择日期后立即触发bootstrapValidator验证
完整验证如下
设置之后就ok了
首先的在刚开始使用bootstrapValidator验证表单的时候,出现两个问题,一个是日期控件,先上一张效果图:
图中,选择了日期后,下面的非空验证并没有消失,是因为bootstrapValidator插件默认情况下,不会重复校验一个已经标记为验证通过或验证不通过的字段。所以当开始触发校验后,没有通过校验,当正确选择日期后,并不会刷新校验结果,就会导致数据无法正常提交,当手动把日期改变后,会发现校验被正确触发了。现在就说一下解决方法
重要的是图中红框中的代码,#defaultForm对应form表单的Id,violation.illegal_time对应验证的input
的name值,代表选择日期后立即触发bootstrapValidator验证
完整验证如下
设置之后就ok了
相关文章推荐
- 关于Delphi第三方控件bsSkinDateEdit日期选择面板中周名显示不正常的解决办法
- 关于JS客户端对服务器控件赋值,Post后不能保留值的解决办法
- 关于JS客户端对服务器控件赋值,Post后不能保留值的解决办法
- 关于JS客户端对服务器控件赋值,Post后不能保留值的解决办法
- zf-关于荆州首页鼠标移动到导航栏上去触发的js 显示 问题解决办法
- 关于JS客户端对服务器控件赋值,Post后不能保留值的解决办法
- 关于div的mouseout事件触发不准的解决办法
- "验证视图MAC失败"错误的个人分析以及解决办法
- 关于制作JS滚动特效常用的ScrollPic.js文件在IE6下不兼容的解决办法
- 关于dll文件的生成以及找不到jni.h的解决办法
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- 关于动态创建控件,第二次赋值不能显示解决办法
- 关于JS下拉列表选择时间计算时间周期的问题解决
- 关于windows7安装时可能出现的100MB系统保留分区的解释及删除办法以及由此导致的软改激活失败的解决办法
- 关于日期控件(DateField)在FireFox3下过长的解决办法
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法
- 关于ADO.Net使用TableAdapter时产生:更新要求有效的deletecommand或update,insert,selectcommand的解决办法,以及“违反并发性”处理
- 关于dll文件的生成以及找不到jni.h的解决办法
- 关于IE6和IE7关闭窗口时提示和不提示以及上传图片前的本地预览解决办法