首页 > 代码库 > formValidator的一些验证实例

formValidator的一些验证实例

$(function () {    try {        $.formValidator.initConfig({            formid: "formTable",            errorfocus: false,            submitonce: true,            tipstyle: "both",            one rror: function () { // 验证不通过时的回调函数                alert("红色提示处输入非法,请根据提示修改!");            }        });        //验证字符串(必填)        $("#name").formValidator({ // 验证:模块名称            onshow: "(必填)",            onfocus: "(必填)不超过50个字符",            oncorrect: "(正确)"        }).inputValidator({            min: 1,            max: 50,            one rrormin: "(错误)不能为空",            one rrormax: "(错误)不超过50个字符,汉字算两个字符"        });        //验证字符串(选填)        $("#name").formValidator({ // 验证:模块名称            onshow: "(选填)",            onfocus: "(选填)不超过50个字符",            oncorrect: "(正确)",            empty: true        }).inputValidator({            min: 1,            max: 50,            one rrormin: "(错误)不能为空",            one rrormax: "(错误)不超过50个字符,汉字算两个字符"        });        //验证时间        $("#addDate").formValidator({ // 验证:发送时间            onshow: "(必填)",            onfocus: "(必填)请选择操作时间",            oncorrect: "(正确)"        }).functionValidator({            fun: function (val, elem) {                if (!/^\d{4}-\d{2}-\d{2}[ ]\d{2}:\d{2}$/.test(val)) {                    return "(错误)请选择操作时间";                }                return true;            }        });        //ajax验证        $("#account").formValidator({ // 验证:模块名称            onshow: "(必填)",            onfocus: "(必填)不超过50个字符",            oncorrect: "(正确)"        }).inputValidator({            min: 1,            max: 50,            one rrormin: "(错误)不能为空",            one rrormax: "(错误)不超过50个字符,汉字算两个字符"        }).ajaxValidator({            type: "post",            url: "EnterpriseManage!ajaxValidatorUserAccount.action",            success: function (data) {                if (data =http://www.mamicode.com/="0") {                    return true;                } else if (data =http://www.mamicode.com/="1") {                    return false;                }            },            one rror: "该账号已被占用,请更换!"        });        //密码及重复密码验证        $("#password").formValidator({ // 验证:模块名称            onshow: "(必填)",            onfocus: "(必填)不超过11个字符",            oncorrect: "(正确)"        }).inputValidator({            min: 1,            max: 50,            one rrormin: "(错误)不能为空",            one rrormax: "(错误)不超过11个字符,汉字算两个字符"        });        $("#passwordRepeat").formValidator({            onshow: "(必填)",            onfocus: "(必填)2次密码必须一致",            oncorrect: "(正确)"        }).compareValidator({            desid: "password",            operateor: "=",            one rror: "(错误)2次密码不一致,请确认"        });        //图片格式验证        $("#tcCodeLogo").formValidator({            onshow: "(选填)",            onfocus: "(选填)请上传图片文件",            oncorrect: "(正确)",            empty: true        }).regexValidator({            regexp: regexEnum.picture,            one rror: "只能上传图片文件"        });        //数值验证        $("#nameNum").formValidator({ // 验证:模块名称            onshow: "(必填)",            onfocus: "(必填)值1到50",            oncorrect: "(正确)"        }).inputValidator({            min: 1,            max: 50,            type: "value",            one rrormin: "(错误)不能为空",            one rrormax: "(错误)值1到50"        });        //电话验证        $("#linkPhone").formValidator({            onshow: "(选填)",            onfocus: "(选填)",            oncorrect: "(正确)",            empty: true        }).regexValidator({            regexp: "^(\\d{3,4}-?\\d{7,8}|(13|15|18)\\d{9})$",            one rror: "(错误)电话号码格式不正确,请检查"        });        //EMail验证        $("#linkEmail").formValidator({            onshow: "(选填)",            onfocus: "(选填)请选择正确EMail格式",            oncorrect: "(正确)",            empty: true        }).regexValidator({            regexp: regexEnum.email,            one rror: "(错误)Email格式不正确,请检查"        });        //select验证        $("#testSelect").formValidator({            onshow: "(必填)",            onfocus: "(必填)请选择选项",            oncorrect: "(正确)"        }).inputValidator({            min: 0,  //开始索引            one rror: "你是不是忘记选择学历了!"        });        //隐藏时,默认验证通过        $("#smsProductName").formValidator({ // 验证            onshow: "(必填)",            onfocus: "(必填)不超过50个字符,汉字算两个字符",            oncorrect: "(正确)"        }).functionValidator({            fun: function (val, elem) {                if ($("#smsProductName").is(":hidden")) {                    return true;                }                if (!/^\S{1,50}$/.test(val)) {                    return "(错误)不超过50个字符,汉字算两个字符";                }                return true;            }        });        //多选选择框的验证方式 略有点复杂了        $(":checkbox[name=‘productType‘]").formValidator({            onshow: "(至少选择一个)",            onfocus: "(至少选择一个)",            oncorrect: "(正确)"        }).functionValidator({            fun: function (val, elem) {                var objs = $(":checkbox[name=‘productType‘]");                for (var i = 0; i < objs.length; i++) {                    if ($(objs[i]).attr("checked") == true) {                        $(‘#productTypeTip‘).removeClass();                        $(‘#productTypeTip‘).addClass("onSuccess");                        $(‘#productTypeTip‘).html();                        $(‘#productTypeTip‘).html("<nobr>正确</nobr>");                        return true;                    }                }                $(‘#productTypeTip‘).removeClass();                $(‘#productTypeTip‘).addClass("onError");                $(‘#productTypeTip‘).html();                $(‘#productTypeTip‘).html("<nobr>(至少选择一项)</nobr>");                return false;            }        });    } catch (e) {        alert(e);    }});

 作者: 火地晋
出处:http://yelaiju.cnblogs.com

formValidator的一些验证实例