jQuery Validate 自定义校验及ajax校验

标签：

http://www.w3cschool.cc/jquery/jquery-plugin-validate.html这里文档比较全面!

实践:

复杂的一些校验,如正则校验,可以通过jQuery.validate.addMethod()http://jqueryvalidation.org/jQuery.validator.addMethod

来实现,添加完后,就可以通过jQuery.validate()在rules中添加校验规则

jQuery.validator.addMethod("numOrLetter", function(value, element) {
    return this.optional(element) || /^[0-9|A-Z|a-z]+$/.test(value);
}, "请输入数字或字母");
    		
$("#inputForm").validate({
    rules : {
        //要校验的表单名称
        operationCode : {
            //自定义的校验规则
            numOrLetter:true,
            //ajax校验,通过后台服务校验用户所输内容是否已在数据库中存在,后台服务只需要返回true或false即可,boolean类型,String类型都可
             remote:{
                //这里通过get方式,参数放在Url后,刚开始?后写了operationCode=,请求发送后,url变成?operationCode=&operationCode=value
                //所以就去掉了
                url:"${ctx}/operation/operation/validateCode?" + $("#operationCode").val(),
                type:"GET",
                dataType:"json"
                //POST方式时,可以通过
                //data:{paramName:value,...}传递参数
            }
        }
    },
    messages:{
        operationCode:{
            //这里指定出错信息
            remote:"指定的编号已存在"
        }
    }
});

官网http://jqueryvalidation.org/

参考文档http://jqueryvalidation.org/

jQuery Validate 自定义校验及ajax校验

标签：

原文地址：http://my.oschina.net/lhplj/blog/411469