您的位置：首页 > Web前端 > JQuery

jQueryValidate的js效果出不来需要注意的几点

2014-10-15 11:42 239 查看

1. 今天调试jquery validate功能，在FF（Firefox）浏览器和谷歌浏览器都ok，唯独ie10浏览器下有问题。后来强制在ie<head></head>标签下增加了< meta http-equiv="X-UA-Compatible" content="IE=9">标签，让系统以ie9的兼容模式解析（ie6,7,8,10下都不正常），可以正确的完成验证。

我以为是ie兼容性的问题，后来检查时才发现，原来是我把JQuery Validate需要的css文件没有放全，放全后不需要< meta http-equiv="X-UA-Compatible" content="IE=9">标签，也可以正常Validate。

还记得上次js出错时，也是类似的兼容性问题，查阅网上资料，最多的说的ie兼容性问题，就是css的问题，看来这话一点都没错。

2.使用Jquery validate插件，js的加载顺序一定不能弄错，我尝试官方的例子OK，然后拷贝到自己的项目试验就不行，css问题也解决了，但就是不能完成Validate。后来才发现是js导入的顺序错了。要先jquery再validate插件：

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.validate.js"></script>

3.使用struts标签，如果在头<head></head>下放入<s:head/>标签，那么页面加载的效率会急剧下降，但是如果不加这个标签，struts的dojo插件就有可能没有完全导入，所以还是尽量避免使用struts标签。还好我使用的<s:if>和<s:property>标签不需要<s:head/>也可以正常运行，这样页面的速度也很快。

4.如果我们只是需要验证用户是否有输入，而对提示信息不需要自定义的时候，最简单的方法就是在input标签的末尾把“/”变成“required”,即<input ..... required>，各个浏览器（FF，谷歌，IE）都能提示“请输入该字段”，这个Validate是目前见过最简单的了。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航