教学之友,学习之友。

站长教学网

当前位置: 站长教学网 > 前端开发 > JS教程 >

jQuery formValidator的一些验证实例

时间:2015-12-25 17:21来源:未知 作者:ken 点击:

 http://www.eduyo.com/doc/phpcms_v9/formvalidator.html

$(function () {

    try {

        $.formValidator.initConfig({

            formid: "formTable",

            errorfocus: false,

            submitonce: true,

            tipstyle: "both",

            onerror: function () { // 验证不通过时的回调函数 站长教学网 eduyo.com

                alert("红色提示处输入非法,请根据提示修改!");

            }

        });

        //验证字符串(必填)

        $("#name").formValidator({ // 验证:模块名称

            onshow: "(必填)",

            onfocus: "(必填)不超过50个字符",

            oncorrect: "(正确)"

        }).inputValidator({

            min: 1,

            max: 50,

            onerrormin: "(错误)不能为空",

            onerrormax: "(错误)不超过50个字符,汉字算两个字符"

        });

 

        //验证字符串(选填)

        $("#name").formValidator({ // 验证:模块名称

            onshow: "(选填)",

            onfocus: "(选填)不超过50个字符",

            oncorrect: "(正确)",

            empty: true

        }).inputValidator({

            min: 1,

            max: 50,

            onerrormin: "(错误)不能为空",

            onerrormax: "(错误)不超过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,

            onerrormin: "(错误)不能为空",

            onerrormax: "(错误)不超过50个字符,汉字算两个字符"

        }).ajaxValidator({

            type: "post",

            url: "EnterpriseManage!ajaxValidatorUserAccount.action",

            success: function (data) {

                if (data == "0") {

                    return true;

                } else if (data == "1") {

                    return false;

                }

            },

            onerror: "该账号已被占用,请更换!"

        });

 

        //密码及重复密码验证

        $("#password").formValidator({ // 验证:模块名称

            onshow: "(必填)",

            onfocus: "(必填)不超过11个字符",

            oncorrect: "(正确)"

        }).inputValidator({

            min: 1,

            max: 50,

            onerrormin: "(错误)不能为空",

            onerrormax: "(错误)不超过11个字符,汉字算两个字符"

        });

 

        $("#passwordRepeat").formValidator({

            onshow: "(必填)",

            onfocus: "(必填)2次密码必须一致",

            oncorrect: "(正确)"

        }).compareValidator({

            desid: "password",

            operateor: "=",

            onerror: "(错误)2次密码不一致,请确认"

        });

 

        //图片格式验证

        $("#tcCodeLogo").formValidator({

            onshow: "(选填)",

            onfocus: "(选填)请上传图片文件",

            oncorrect: "(正确)",

            empty: true

        }).regexValidator({

            regexp: regexEnum.picture,

            onerror: "只能上传图片文件"

        });

 

        //数值验证

        $("#nameNum").formValidator({ // 验证:模块名称

            onshow: "(必填)",

            onfocus: "(必填)值1到50",

            oncorrect: "(正确)"

        }).inputValidator({

            min: 1,

            max: 50,

            type: "value",

            onerrormin: "(错误)不能为空",

            onerrormax: "(错误)值1到50"

        });

        //电话验证

        $("#linkPhone").formValidator({

            onshow: "(选填)",

            onfocus: "(选填)",

            oncorrect: "(正确)",

            empty: true

        }).regexValidator({

            regexp: "^(\\d{3,4}-?\\d{7,8}|(13|15|18)\\d{9})$",

            onerror: "(错误)电话号码格式不正确,请检查"

        });

 

        //EMail验证

        $("#linkEmail").formValidator({

            onshow: "(选填)",

            onfocus: "(选填)请选择正确EMail格式",

            oncorrect: "(正确)",

            empty: true

        }).regexValidator({

            regexp: regexEnum.email,

            onerror: "(错误)Email格式不正确,请检查"

        });

 

        //select验证 站长教学网 eduyo.com

        $("#testSelect").formValidator({

            onshow: "(必填)",

            onfocus: "(必填)请选择选项",

            oncorrect: "(正确)"

        }).inputValidator({

            min: 0,  //开始索引

            onerror: "你是不是忘记选择学历了!"

        });

 

        //隐藏时,默认验证通过

        $("#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);

    }

});

(责任编辑:ken)
TAG标签: jQuery formValidato
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
注册登录:不允许匿名留言,登录后留言无需输入验证码。
用户名: 验证码:点击我更换图片
栏目列表
最新内容