项目中怎么无法引用使用jquery？

怎么无法引用jquery？在项目中引用jquery不能正常使用？下面本篇文章给大家介绍一下无法引用jquery或引用后无法使用问题的原因和解决方法。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。

问题描述：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<p style="color:transparent">来源gao!daima.com搞$代!码网</p>(error, element) {
                    error.appendTo(element.parent());
                }
            });
</script>

更多web前端自学知识，请查阅 搞代码网 ！！

以上就是项目中怎么无法引用使用jquery？的详细内容，更多请关注gaodaima搞代码网其它相关文章！

喜欢 (0)赏

[搞代码]

分享 (0)