Rumah > hujung hadapan web > tutorial js > 无法引用 jquery怎么办

无法引用 jquery怎么办

藏色散人
Lepaskan: 2021-01-25 09:59:53
asal
3400 orang telah melayarinya

无法引用jquery的解决办法:1、检查并修改引用路径;2、由于html元素不符合标准导致的,将jquery方法放在form表单的下面即可。

无法引用 jquery怎么办

本教程操作环境: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>
Salin selepas log masuk

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>
Salin selepas log masuk

Atas ialah kandungan terperinci 无法引用 jquery怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan