前端表单校验异常validate校验插件异常
2018-01-09 20:43
459 查看
最近做个项目,在写后台的时候,遇到了个问题,首先在jsp中引入了bootstrap和bootstrap-Validator(表单验证)后,遇到个问题,就是在运行的时候,报错
提示你写的js中,没有这个方法,但是bootstrap中该引入的js,css都引入了,为什么还要报这个错呢,然后就慢慢排错,终于找到了根源,
在我的jsp界面中,我引入了其他文件:
但是这个标签没什么问题啊,问题不在这里,打开这个include-navbar.jsp文件看看,重点在这里:
我在这个jsp界面引入了jquery库,然而看看我们之前的一个界面,
可见,这个jsp界面也引入了jquery,这就导致了次jsp界面在<jsp:include page="/WEB-INF/jsp/include-navbar.jsp" />引入的jsp界面中,也带有jquery,与主界面引入冲突,导致报错:Uncaught TypeError: $(...).bootstrapValidator is not a function
解决办法:把用标签<jsp:include ... />引入的jsp界面中的jquery引入去掉(include标签引入后直接使用主界面引入的jquery库)!
ps:在使用bootstrap-table的时候,需要用到的方法 ---- $(‘table’).bootstrapTable('method'); 亦是如此。
提示你写的js中,没有这个方法,但是bootstrap中该引入的js,css都引入了,为什么还要报这个错呢,然后就慢慢排错,终于找到了根源,
在我的jsp界面中,我引入了其他文件:
但是这个标签没什么问题啊,问题不在这里,打开这个include-navbar.jsp文件看看,重点在这里:
我在这个jsp界面引入了jquery库,然而看看我们之前的一个界面,
可见,这个jsp界面也引入了jquery,这就导致了次jsp界面在<jsp:include page="/WEB-INF/jsp/include-navbar.jsp" />引入的jsp界面中,也带有jquery,与主界面引入冲突,导致报错:Uncaught TypeError: $(...).bootstrapValidator is not a function
解决办法:把用标签<jsp:include ... />引入的jsp界面中的jquery引入去掉(include标签引入后直接使用主界面引入的jquery库)!
ps:在使用bootstrap-table的时候,需要用到的方法 ---- $(‘table’).bootstrapTable('method'); 亦是如此。
相关文章推荐
- jQuery的表单校验插件validate(转)
- jQuery Validate 表单验证插件----利用jquery.metadata.js将校验规则直接写在class属性里面并定义错误信息的提示
- JSP页面中的Form表单自动校验(使用validate插件)
- jQuery Validate表单验证插件 添加class属性形式的校验
- jQuery Validate表单验证插件 添加class属性形式的校验
- KISSYUI的表单前端js验证和JQuery扩展插件Validate
- jQuery的表单校验插件validate
- jQuery的表单校验插件validate
- jQuery Validate 表单验证插件----自定义校验结果样式
- JQuery 表单校验插件 validate 使用纪录
- validate表单校验插件笔记
- jquery validate插件前端表单验证插件的使用
- 使用JQuery.Validate插件来校验页面表单有效性
- 使用jquery.validate.min.js插件进行表单验证并自定义校验规则
- 表单实时校验插件——jquery.validateForm.js(v.2.0)
- 根据jquery.validate.js写的一个通用的form表单校验插件
- 关于JQuery validate表单校验插件对级联下拉框的校验问题
- Jquery validate插件之表单校验
- jQuery - Validate插件为表单提供强大的验证功能
- 【JQuery】表单验证插件——validate