这篇文章将为大家详细讲解有关无法引用jquery的解决方法,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
无法引用jquery的解决办法:1、检查并修改引用路径;2、由于html元素不符合标准导致的,将jquery方法放在form表单的下面即可。
问题描述: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>
关于“无法引用jquery的解决方法”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。