無法引用jquery的解決方法

這篇文章將為大家詳細講解有關無法引用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的解決方法”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。