无法引用jquery的解决办法:1、检查并修改引用路径;2、由于html元素不符合标准导致的,将jquery方法放在form表单的下面即可。
本教程操作环境:windows7系统、jquery1.2.6版本,DELL G3电脑。
推荐:jquery视频教程
问题描述:jquery.js在项目中无法引用或引用后不能正常使用。
解决方式:
在检查并修改html元素;网上查找到的不能正常使用的原因有:
1、引用路径错误
2、html元素不符合标准,eg:span里面嵌套div,form中嵌套form
检查过后我的路径是对的,也没有嵌套错误。最后的解决方式是将jquery方法放在form表单的下面。
因为jquery之前较少使用,这里记录一下jquery验证使用方式。当然,具体问题具体解决。
1、引入jquery.js和jquery.validate.js
2、表单中的内容
<STYLE type=text/css> input.error { border: 2px dashed red; } LABEL { color: red; } textarea.error { border: 2px dashed red; } </STYLE> <form id="dataForm" name="dataForm" action="import" method="post"> <table boder="0"> <tr><td>名称:<input type="text" id="name" name="name" ></td></tr> <tr><td>年份:<input type="text" id="dataYear"name="dataYear"/>*</td></tr> <tr><td><input type="submit" value="数据入库"/></td></tr> </table> </form>
3、jquery验证
<script type="text/javascript"> $("#dataForm").validate( {//提交表单时,开始验证 rules : { 'name' : { required : true }, 'dataYear' : { required : true } }, messages : { 'name' : { required : "请输入名称" }, 'dataYear' : { required : "请输入时间" } }, focusInvalid : false, onkeyup : false, errorPlacement : function(error, element) { error.appendTo(element.parent()); } }); </script>
Atas ialah kandungan terperinci 无法引用 jquery怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!