無法引用 jquery怎麼辦

無法引用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 : {
                    &#39;name&#39; : {
                        required : true
                    },
                    &#39;dataYear&#39; : {
                        required : true
                    }
                },
                messages : {
                    &#39;name&#39; : {
                        required : "请输入名称"
                    },
                    &#39;dataYear&#39; : {
                        required : "请输入时间"
                    }
                },
                focusInvalid : false,
                onkeyup : false,
                errorPlacement : function(error, element) {
                    error.appendTo(element.parent());
                }
            });
</script>

以上是無法引用 jquery怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章！