formValidator的一些驗證明例

$(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);
	}
});
相關文章
相關標籤/搜索