lingy

问题描述: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了。

分类:

技术点:

相关文章:

  • 2021-07-18
  • 2022-12-23
  • 2021-10-30
  • 2021-06-28
  • 2022-12-23
  • 2021-08-13
猜你喜欢
  • 2021-12-13
  • 2022-01-05
  • 2021-08-31
  • 2022-03-05
  • 2018-10-11
  • 2022-01-05
相关资源
相似解决方案