$(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個字符,漢字算兩個字符" }); //驗證字符串(選填) $("#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驗證 $("#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); } });