jQuery验证插件使用初步

validate是一款优秀的表单验证插件，其初步使用方法如下：

（1）前台页面代码：

<form />
         </div>
     </div>
    </form>

（2）脚本代码：

    <script type="text/javascript" src="Scripts/jquery-1.4.2.js">
    </script>
    <script type="text/javascript" src="Scripts/jquery.validate.js">
    </script>
    <script type="text/javascript" src="Scripts/jquery.validate.messages_cn.js">
    </script>

    <script type="text/javascript">
        $(function () {
            $("#form1").validate(
              {
                  /*自定义验证规则*/
                  rules: {
                      txtUsername: { required: true, minlength: 6 },
                      txtEmail: { required: true, email: true }
                  },
                  /*错误提示位置*/
                  errorPlacement: function (error, element) {
                      error.appendTo(element.siblings("span"));
                  }
              }
            );
        })
    </script>

jquery.validate.messages_cn.js用于将提示信息用中文显示。写验证规则时请注意，用控件的id属性与规则进行关联。