$(function?()?{
????try?{
????????$.formValidator.initConfig({
????????????formid:?"formTable",
????????????errorfocus:?false,
????????????submitonce:?true,
????????????tipstyle:?"both",
????????????onerror:?function?()?{?//?驗(yàn)證不通過(guò)時(shí)的回調(diào)函數(shù)
????????????????alert("紅色提示處輸入非法，請(qǐng)根據(jù)提示修改！");
????????????}
????????});
????????//驗(yàn)證字符串(必填)
????????$("#name").formValidator({?//?驗(yàn)證：模塊名稱(chēng)
????????????onshow:?"（必填）",
????????????onfocus:?"（必填）不超過(guò)50個(gè)字符",
????????????oncorrect:?"（正確）"
????????}).inputValidator({
????????????min:?1,
????????????max:?50,
????????????onerrormin:?"（錯(cuò)誤）不能為空",
????????????onerrormax:?"（錯(cuò)誤）不超過(guò)50個(gè)字符，漢字算兩個(gè)字符"
????????});

????????//驗(yàn)證字符串(選填)
????????$("#name").formValidator({?//?驗(yàn)證：模塊名稱(chēng)
????????????onshow:?"（選填）",
????????????onfocus:?"（選填）不超過(guò)50個(gè)字符",
????????????oncorrect:?"（正確）",
????????????empty:?true
????????}).inputValidator({
????????????min:?1,
????????????max:?50,
????????????onerrormin:?"（錯(cuò)誤）不能為空",
????????????onerrormax:?"（錯(cuò)誤）不超過(guò)50個(gè)字符，漢字算兩個(gè)字符"
????????});

????????//驗(yàn)證時(shí)間
????????$("#addDate").formValidator({?//?驗(yàn)證：發(fā)送時(shí)間
????????????onshow:?"（必填）",
????????????onfocus:?"（必填）請(qǐng)選擇操作時(shí)間",
????????????oncorrect:?"（正確）"
????????}).functionValidator({
????????????fun:?function?(val,?elem)?{
????????????????if?(!/^\d{4}-\d{2}-\d{2}[?]\d{2}:\d{2}$/.test(val))?{
????????????????????return?"（錯(cuò)誤）請(qǐng)選擇操作時(shí)間";
????????????????}
????????????????return?true;
????????????}
????????});

????????//ajax驗(yàn)證
????????$("#account").formValidator({?//?驗(yàn)證：模塊名稱(chēng)
????????????onshow:?"（必填）",
????????????onfocus:?"（必填）不超過(guò)50個(gè)字符",
????????????oncorrect:?"（正確）"
????????}).inputValidator({
????????????min:?1,
????????????max:?50,
????????????onerrormin:?"（錯(cuò)誤）不能為空",
????????????onerrormax:?"（錯(cuò)誤）不超過(guò)50個(gè)字符，漢字算兩個(gè)字符"
????????}).ajaxValidator({
????????????type:?"post",
????????????url:?"EnterpriseManage!ajaxValidatorUserAccount.action",
????????????success:?function?(data)?{
????????????????if?(data?==?"0")?{
????????????????????return?true;
????????????????}?else?if?(data?==?"1")?{
????????????????????return?false;
????????????????}
????????????},
????????????onerror:?"該賬號(hào)已被占用，請(qǐng)更換！"
????????});

????????//密碼及重復(fù)密碼驗(yàn)證
????????$("#password").formValidator({?//?驗(yàn)證：模塊名稱(chēng)
????????????onshow:?"（必填）",
????????????onfocus:?"（必填）不超過(guò)11個(gè)字符",
????????????oncorrect:?"（正確）"
????????}).inputValidator({
????????????min:?1,
????????????max:?50,
????????????onerrormin:?"（錯(cuò)誤）不能為空",
????????????onerrormax:?"（錯(cuò)誤）不超過(guò)11個(gè)字符，漢字算兩個(gè)字符"
????????});

????????$("#passwordRepeat").formValidator({
????????????onshow:?"（必填）",
????????????onfocus:?"（必填）2次密碼必須一致",
????????????oncorrect:?"（正確）"
????????}).compareValidator({
????????????desid:?"password",
????????????operateor:?"=",
????????????onerror:?"（錯(cuò)誤）2次密碼不一致,請(qǐng)確認(rèn)"
????????});

????????//圖片格式驗(yàn)證
????????$("#tcCodeLogo").formValidator({
????????????onshow:?"（選填）",
????????????onfocus:?"（選填）請(qǐng)上傳圖片文件",
????????????oncorrect:?"（正確）",
????????????empty:?true
????????}).regexValidator({
????????????regexp:?regexEnum.picture,
????????????onerror:?"只能上傳圖片文件"
????????});

????????//數(shù)值驗(yàn)證
????????$("#nameNum").formValidator({?//?驗(yàn)證：模塊名稱(chēng)
????????????onshow:?"（必填）",
????????????onfocus:?"（必填）值1到50",
????????????oncorrect:?"（正確）"
????????}).inputValidator({
????????????min:?1,
????????????max:?50,
????????????type:?"value",
????????????onerrormin:?"（錯(cuò)誤）不能為空",
????????????onerrormax:?"（錯(cuò)誤）值1到50"
????????});
????????//電話驗(yàn)證
????????$("#linkPhone").formValidator({
????????????onshow:?"（選填）",
????????????onfocus:?"（選填）",
????????????oncorrect:?"（正確）",
????????????empty:?true
????????}).regexValidator({
????????????regexp:?"^(\\d{3,4}-?\\d{7,8}|(13|15|18)\\d{9})$",
????????????onerror:?"（錯(cuò)誤）電話號(hào)碼格式不正確，請(qǐng)檢查"
????????});

????????//EMail驗(yàn)證
????????$("#linkEmail").formValidator({
????????????onshow:?"（選填）",
????????????onfocus:?"（選填）請(qǐng)選擇正確EMail格式",
????????????oncorrect:?"（正確）",
????????????empty:?true
????????}).regexValidator({
????????????regexp:?regexEnum.email,
????????????onerror:?"（錯(cuò)誤）Email格式不正確，請(qǐng)檢查"
????????});

????????//select驗(yàn)證
????????$("#testSelect").formValidator({
????????????onshow:?"（必填）",
????????????onfocus:?"（必填）請(qǐng)選擇選項(xiàng)",
????????????oncorrect:?"（正確）"
????????}).inputValidator({
????????????min:?0,??//開(kāi)始索引
????????????onerror:?"你是不是忘記選擇學(xué)歷了!"
????????});

????????//隱藏時(shí)，默認(rèn)驗(yàn)證通過(guò)
????????$("#smsProductName").formValidator({?//?驗(yàn)證
????????????onshow:?"（必填）",
????????????onfocus:?"（必填）不超過(guò)50個(gè)字符，漢字算兩個(gè)字符",
????????????oncorrect:?"（正確）"
????????}).functionValidator({
????????????fun:?function?(val,?elem)?{
????????????????if?($("#smsProductName").is(":hidden"))?{
????????????????????return?true;
????????????????}
????????????????if?(!/^\S{1,50}$/.test(val))?{
????????????????????return?"（錯(cuò)誤）不超過(guò)50個(gè)字符，漢字算兩個(gè)字符";
????????????????}
????????????????return?true;
????????????}
????????});
????????//多選選擇框的驗(yàn)證方式?略有點(diǎn)復(fù)雜了
????????$(":checkbox[name='productType']").formValidator({
????????????onshow:?"（至少選擇一個(gè)）",
????????????onfocus:?"（至少選擇一個(gè)）",
????????????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>（至少選擇一項(xiàng)）</nobr>");
????????????????return?false;
????????????}
????????});
????}?catch?(e)?{
????????alert(e);
????}
});

轉(zhuǎn)載于:https://www.cnblogs.com/hechunhua/p/3617115.html

總結(jié)

以上是生活随笔為你收集整理的formValidator的一些验证实例的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。