jqery validate、validate自定义验证方法 + jaery form Demo

校验规则

　　required:true  必输字段
　　remote:"check.php"  使用ajax方法调用check.php验证输入值
　　email:true  必须输入正确格式的电子邮件
　　url:true  必须输入正确格式的网址
　　date:true  必须输入正确格式的日期 日期校验ie6出错，慎用
　　dateISO:true  必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
　　number:true  必须输入合法的数字(负数，小数)
　　digits:true  必须输入整数
　　creditcard:  必须输入合法的信用卡号
　　equalTo:"#field"  输入值必须和#field相同
　　accept:  输入拥有合法后缀名的字符串（上传文件的后缀）
　　maxlength:5  输入长度最多是5的字符串(汉字算一个字符)
　　minlength:10  输入长度最小是10的字符串(汉字算一个字符)
　　rangelength:[5,10]  输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
　　range:[5,10]  输入值必须介于 5 和 10 之间
　　max:5  输入值不能大于5
　　min:10  输入值不能小于10

<script type="text/javascript">
    //自定义验证方法
    jQuery.validator.addMethod("checkVCode", function (value, element) {
        var vcodeVal = $.cookie("LiuYanVCode");
        return this.optional(element)||(vcodeVal==value);
    }, "验证码不正确！");

    $(document).ready(function () {
        //验证表单
        $("#liuYanForm").validate({
            rules: {
                Title: "required",
                Question: "required",
                Email: {
                    required: true,
                    email: true
                },
                VCode: {
                    required: true,
                    checkVCode: true
                }
            },
            messages: {
                Title: "请输入标题！",
                Question: "请输入问题！",
                Email: {
                    required: "请输入邮箱！",
                    email: "邮箱格式不正确！"
                },
                VCode: {
                    required:"请输入验证码！"
                }
            }
        });
        //ajax提交表单
        var options = {
            url: "/TaiHeLibrary/ashx/liuyan_handler.ashx",

            success: function (d) {
                if (d == "success") {
                    alert("提交成功！");
                } else {
                    alert("提交失败!");
                }
            }
        };
        $("#liuYanForm").ajaxForm(options);

        $("#btnSubmit").click(function () {
            $("#liuYanForm").submit();
        });
    });

</script>