問題描述:jquery.js在項目中引用后不能正常使用。
解決方式:在網上查找到的不能正常使用的原因有: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>
嘿嘿,辛苦lzy了。