[轉]formValidator的一些驗證執行個體

原文

http://www.cnblogs.com/talk/archive/2012/01/29/2330887.html

$(function () {

    try {

        $.formValidator.initConfig({

            formid: "formTable",

            errorfocus: false,

            submitonce: true,

            tipstyle: "both",

            onerror: function () { // 驗證不通過時的回調函數

                alert("紅色提示處輸入非法，請根據提示修改！");

            }

        });

        //驗證字元串(必填)

        $("#name").formValidator({ // 驗證：子產品名稱

            onshow: "（必填）",

            onfocus: "（必填）不超過50個字元",

            oncorrect: "（正确）"

        }).inputValidator({

            min: 1,

            max: 50,

            onerrormin: "（錯誤）不能為空",

            onerrormax: "（錯誤）不超過50個字元，漢字算兩個字元"

        //驗證字元串(選填)

            onshow: "（選填）",

            onfocus: "（選填）不超過50個字元",

            oncorrect: "（正确）",

            empty: true

        //驗證時間

        $("#addDate").formValidator({ // 驗證：發送時間

            onfocus: "（必填）請選擇操作時間",

        }).functionValidator({

            fun: function (val, elem) {

                if (!/^\d{4}-\d{2}-\d{2}[ ]\d{2}:\d{2}$/.test(val)) {

                    return "（錯誤）請選擇操作時間";

                }

                return true;

        //ajax驗證

        $("#account").formValidator({ // 驗證：子產品名稱

        }).ajaxValidator({

            type: "post",

            url: "EnterpriseManage!ajaxValidatorUserAccount.action",

            success: function (data) {

                if (data == "0") {

                    return true;

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

                    return false;

            },

            onerror: "該賬号已被占用，請更換！"

        //密碼及重複密碼驗證

        $("#password").formValidator({ // 驗證：子產品名稱

            onfocus: "（必填）不超過11個字元",

            onerrormax: "（錯誤）不超過11個字元，漢字算兩個字元"

        $("#passwordRepeat").formValidator({

            onfocus: "（必填）2次密碼必須一緻",

        }).compareValidator({

            desid: "password",

            operateor: "=",

            onerror: "（錯誤）2次密碼不一緻,請确認"

        //圖檔格式驗證

        $("#tcCodeLogo").formValidator({

            onfocus: "（選填）請上傳圖檔檔案",

        }).regexValidator({

            regexp: regexEnum.picture,

            onerror: "隻能上傳圖檔檔案"

        //數值驗證

        $("#nameNum").formValidator({ // 驗證：子產品名稱

            onfocus: "（必填）值1到50",

            type: "value",

            onerrormax: "（錯誤）值1到50"

        //電話驗證

        $("#linkPhone").formValidator({

            onfocus: "（選填）",

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

            onerror: "（錯誤）電話号碼格式不正确，請檢查"

        //EMail驗證

        $("#linkEmail").formValidator({

            onfocus: "（選填）請選擇正确EMail格式",

            regexp: regexEnum.email,

            onerror: "（錯誤）Email格式不正确，請檢查"

        //select驗證

        $("#testSelect").formValidator({

            onfocus: "（必填）請選擇選項",

            min: 0,  //開始索引

            onerror: "你是不是忘記選擇學曆了!"

        //隐藏時，預設驗證通過

        $("#smsProductName").formValidator({ // 驗證

            onfocus: "（必填）不超過50個字元，漢字算兩個字元",

                if ($("#smsProductName").is(":hidden")) {

                if (!/^\S{1,50}$/.test(val)) {

                    return "（錯誤）不超過50個字元，漢字算兩個字元";

        //多選選擇框的驗證方式 略有點複雜了

        $(":checkbox[name='productType']").formValidator({

            onshow: "（至少選擇一個）",

            onfocus: "（至少選擇一個）",

                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://www.cnblogs.com/yelaiju/archive/2012/03/15/2398198.html，如需轉載請自行聯系原作者