jqueryValidate

参数详情可参见： http://www.runoob.com/jquery/jquery-plugin-validate.html

 

 

基本使用：

                /** 数据保存前校验 **/
        $("#userInfoForm").validate({
            debug:true,         //仅测试不提交
            onsubmit:false,     //校验时间
            ignore: ".ignore",  //ignore class的不做校验
            rules: {
                "name": {
                    required: true
                },
                "gender": {
                    required: true,
                    maxlength: 1
                }
                "message":{
                    required: function(){if($("gender").val() == 'MV'){return true;} return false;},
                    url: true
                }
            },
            messages: {
                "name": {
                    required: "请输入名字"
                },
                "gender":{
                    required: "请输入性别",
                    maxlength: $.validator.format("性别长度不能大于{0}个字符");
                }
            });


/** 执行校验 **/

$("#userInfoForm").valid();

添加自定义方法：

        /** 自定义validate方法 验证日期和时间 **/
        $.validator.addMethod("myTimes",function(value,element,params){
            value = $.trim(value);
            if(value.indexOf(":") < 0){
                return false;
            }
            var hm = value.split(":");
            if(!(/^[0-9]{1,2}$/).test(hm[0]) || !(/^[0-9]{1,2}$/).test(hm[1])){
                return false;
            }
            if(hm[0] > 24 || hm[1] > 60){
                return false;
            }
            return true;
        }, "时间格式不正确，请采用hh:mm形式");