jquery±íµ¥ÑéʹÓòå¼þformValidator

ʱ¼ä£º2016.04.19 ·¢²¼ÈË£ºKuugaÎå´úÐÛ½é

jquery±íµ¥ÑéʹÓòå¼þformValidator

Òѽâ¾öÎÊÌâ

¹È¸èKuugaÎå´úÐÛ½éÓû§ÔÚ2016.04.19Ìá½»Á˹ØÓÚ¡°ÍßÄájquery±íµ¥ÑéʹÓòå¼þformValidator¡±µÄÌáÎÊ£¬»¶Ó­´ó¼ÒÓ¿Ô¾·¢±í×Ô¼ºµÄ¹Ûµã¡£Ä¿Ç°¹²ÓÐ1¸ö»Ø´ð£¬×îºó¸üÐÂÓÚ2025-01-02T17:07:08¡£Ï£Íû´ó¼ÒÄܹ»°ïÖúËý¡£

ÏêϸÎÊÌâÃèÊö¼°ÒÉÎÊ£ºÆÚ´ýÄúµÄ´ð°¸£¬ÄãÊÇÎҵı¦±´,ÄãÊÇÎҵύ,ллÄã¶ÔÎҵİïÖú£¡

Ï£ÍûÒÔϵĻشð£¬Äܹ»°ïÖúÄã¡£

µÚ1¸ö»Ø´ð

Óû§Ãû£ºyck8331  

1.Ê×ÏÈÔÚÏîÄ¿ÖÐÌí¼Ó±Ø±¸jsÓëcss


2.´úÂëÖÐÌí¼ÓÒýÓ㨱ر¸ÒýÓã©
¸´ÖÆ´úÂë´úÂëÈçÏÂ:
<scriptsrÎÊ´ðc="Scripts/jquery-1.4.1.min.js"type="text/j**ascript"></script><!--jquery±ØÐë¿â-->
<scriptsrc="formVali´ï¿­Ò»dator1/formValidator-4.0.1.min.js"type="text/j**ascript"></script><!--±íµ¥Ñ鱨Ðë¿â-->
<scriptsrc="formValidator1/formValidatorRegex.js"type="text/javascript"></script><!--±íµ¥ÑéÀ©Õ¹¿â-->
<lÏç¼Ó¿­ËÀinkhref="formValidator1/style/validatÉè³Ð¼¼or.css"rel="stylesheet"type="text/css"/><!--±íµ¥ÑéÑùʽ±í-->

3.<body>ÖÐÒªÑéµÄ±êÇ©£¨×öһЩ³£ÓõÄÑÝʾ£©
¸´ÖÆ´úÂë´úÂëÈçÏÂ:
<tableborder="0px"style="font-size:12px">
<tr>
<tdcolpan="3"><inputtype="submit"name="button±ð»·ºò»­ºÃУÄêÑéÃû"id="button"value="Ìá½»"/></td>
</tr>
<tr>
<t»ì¾³ÒÕdalign="right">Éí·Ý(ÕýÔò±í´ïʽ¿â):</td>
<td><iÐèÁ¦nputname="sfz"type="text"id="sfz"/></td>
<td><divid="sfzTip"ÄÍ»ùstyle="width:3×î00px"></div></td><!--±ØÐë×¢ÒâÕâÀïÌáʾÑé²ÎÕÕÐÅÏ¢ÖеÄdivµÄidÖµ£¬¸úÒªÑé¿Ø¼þÖеÄidÖàÁËÆóÐÇÒ»¸öTip£¬ÏÂÃæµÄ¶¼ÊÇÕâÑù¡£±ØÐë¶àµÄÊÇTiÂúÆäÃ˰®Ì«Ì×ÈÜÄ;ÍÄãp£¬Ò²±ØÐëÒª¶à¡£-->
</tr>
<tr>
<tdalign="rËê¾Å×ö×è¾Å¸ñ¹æ²ÉËÉÏëight">Éí·Ý(Íⲿº¯Êý):</ÉϺóÕûtd>
<td><inputtype="text"id="sfz1"style="width:120px"/></td>
<td><divid="sfz1Tip"ÅàÃÞʾ¸ÏÊÆstyle="width:300px"></div></¹»±ã¾ÍÕþtd>
</tr>
<tr>
<tdalign="right">ÕûÊý:</td>
<tÐÐÔÙ°²d><inputtype="text"id="zs"style="width:120px"/></td>
<td><divid="zsTip"style="width:300px"></div></td>
</t¾³Ö¯·þÃñÀÏÊør>
<tr>
<tdalign="right">ÕýÕûÊý:</td>
<td><inputtype="text"id="zzs"style="width:120px"/></td>
<td><divid="zzsTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">¸ºÕûÊý:</td>
<td><inputtype="text"id="fzs"style="width:120px"/></td>
<td><divid="fzsTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">Êý×Ö:</td>
<td><inputtype="text"id="sz"style="width:120px"/></td>
<td><divid="szTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">ÕýÊý£¨ÕýÕûÊý+0£©:</td>
<td><inputtype="text"id="zs1"style="width:120px"/></td>
<td><divid="zs1Tip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">¸ºÊý£¨¸ºÕûÊý+0£©:</td>
<td><inputtype="text"id="fs"style="width:120px"/></td>
<td><divid="fsTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">¸¡µãÊý:</td>
<td><inputtype="text"id="fds"style="width:120px"/></td>
<td><divid="fdsTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">Õý¸¡µãÊý:</td>
<td><inputtype="text"id="zfds"style="width:120px"/></td>
<td><divid="zfdsTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">¸º¸¡µãÊý:</td>
<td><inputtype="text"id="ffds"style="width:120px"/></td>
<td><divid="ffdsTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">·Ç¸º¸¡µãÊý£¨Õý¸¡µãÊý+0£©:</td>
<td><inputtype="text"id="fffds"style="width:120px"/></td>
<td><divid="fffdsTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">·ÇÕý¸¡µãÊý£¨¸º¸¡µãÊý+0£©:</td>
<td><inputtype="text"id="fzfds"style="width:120px"/></td>
<td><divid="fzfdsTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">ÑÕÉ«:</td>
<td><inputtype="text"id="ys"style="width:120px"/></td>
<td><divid="ysTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">ÄãµÄEMAIL:</td>
<td><inputtype="text"id="email"style="width:120px"/></td>
<td><divid="emailTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">ÊÖ»ú:</td>
<td><inputtype="text"id="sj"style="width:120px"/></td>
<td><divid="sjTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">Óʱà:</td>
<td><inputtype="text"id="yb"style="width:120px"/></td>
<td><divid="ybTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">·Ç¿Õ:</td>
<td><inputtype="text"id="fk"style="width:120px"/></td>
<td><divid="fkTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">ͼƬ:</td>
<td><inputtype="text"id="tp"style="width:120px"/></td>
<td><divid="tpTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">ѹËõÎļþ:</td>
<td><inputtype="text"id="rar"style="width:120px"/></td>
<td><divid="rarTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">ip4:</td>
<td><inputtype="text"id="ip4"style="width:120px"/></td>
<td><divid="ip4Tip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">QQºÅÂë:</td>
<td><inputtype="text"id="qq"style="width:120px"/></td>
<td><divid="qqTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">¹úÄڵ绰:</td>
<td><inputtype="text"id="dh"style="width:120px"/></td>
<td><divid="dhTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">Óû§Ãû:</td>
<td><inputtype="text"id="yhm"style="width:120px"/></td>
<td><divid="yhmTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">×Öĸ:</td>
<td><inputtype="text"id="zm"style="width:120px"/></td>
<td><divid="zmTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">´óд×Öĸ:</td>
<td><inputtype="text"id="dxzm"style="width:120px"/></td>
<td><divid="dxzmTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">Сд×Öĸ:</td>
<td><inputtype="text"id="xxzm"style="width:120px"/></td>
<td><divid="xxzmTip"style="width:300px"></div></td>
</tr>
<tr>
<tdalign="right">Éí·Ý:</td>
<td><inputtype="text"id="sfz"style="width:120px"/></td>
<td><divid="sfzTip"style="width:300px"></div></td>
</tr>
</table>

4.<script>ÖеĴúÂë
¸´ÖÆ´úÂë´úÂëÈçÏÂ:
<scripttype="text/j**ascript">
$(document).ready(function(){
$.formValidator.initConfig({formID:"form1",onError:function(){alert("УÑéûÓÐͨ¹ý£¬¾ßÌå´íÎóÇë¿´´íÎóÌáʾ")}});
$("#sfz").formValidator({onShow:"ÇëÊäÈë15»ò18λµÄÉí·Ý",onfocus:"ÊäÈë15»ò18λµÄÉí·Ý",onCorrect:"ÊäÈëÕýÈ·"}).regexValidator({regExp:"idcard",dataType:"e**m",onError:"ÄãÊäÈëµÄÉí·Ý¸ñʽ²»ÕýÈ·"});;
$("#sfz1").formValidator({onShow:"ÇëÊäÈë15»ò18λµÄÉí·Ý",onfocus:"ÊäÈë15»ò18λµÄÉí·Ý",onCorrect:"ÊäÈëÕýÈ·"}).functionValidator({fun:isCardID});
$("#zs").formValidator({onShow:"ÇëÊäÈëÕûÊý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÕûÊýÕýÈ·"}).regexValidator({regExp:"intege",dataType:"e**m",onError:"ÕûÊý¸ñʽ²»ÕýÈ·"});
$("#zzs").formValidator({onShow:"ÇëÊäÈëÕýÕûÊý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÕýÕûÊýÕýÈ·"}).regexValidator({regExp:"intege1",dataType:"e**m",onError:"ÕýÕûÊý¸ñʽ²»ÕýÈ·"});
$("#fzs").formValidator({onShow:"ÇëÊäÈ븺ÕûÊý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ¸ºÕûÊýÕýÈ·"}).regexValidator({regExp:"intege2",dataType:"e**m",onError:"¸ºÕûÊý¸ñʽ²»ÕýÈ·"});
$("#sz").formValidator({onShow:"ÇëÊäÈëÊý×Ö",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÊý×ÖÕýÈ·"}).regexValidator({regExp:"**m",dataType:"e**m",onError:"Êý×Ö¸ñʽ²»ÕýÈ·"});
$("#zs1").formValidator({onShow:"ÇëÊäÈëÕýÊý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÕýÊýÕýÈ·"}).regexValidator({regExp:"**m1",dataType:"e**m",onError:"ÕýÊý¸ñʽ²»ÕýÈ·"});
$("#fs").formValidator({onShow:"ÇëÊäÈ븺Êý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ¸ºÊýÕýÈ·"}).regexValidator({regExp:"**m2",dataType:"e**m",onError:"¸ºÊý¸ñʽ²»ÕýÈ·"});
$("#sj").formValidator({onShow:"ÇëÊäÈëÄãµÄÊÖ»úºÅÂë",onfocus:"±ØÐëÊÇ13»ò15´òͷŶ",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÊÖ»úºÅÂëÕýÈ·"}).regexValidator({regExp:"mobile",dataType:"e**m",onError:"ÊÖ»úºÅÂë¸ñʽ²»ÕýÈ·"});
//$("#").formValidator({onShow:"",onfocus:"ÇëÊäÈë",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÕýÈ·"}).regexValidator({regExp:"",dataType:"e**m",onError:"¸ñʽ²»ÕýÈ·"});
$("#email").formValidator({onShow:"ÇëÊäÈëÄãµÄemail",onfocus:"Çë×¢ÒâÄãÊäÈëµÄemail¸ñʽ£¬ÀýÈç:wzmaodong@126.com",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄemailÕýÈ·"}).regexValidator({regExp:"email",dataType:"e**m",onError:"email¸ñʽ²»ÕýÈ·"});
$("#fds").formValidator({onShow:"ÇëÊäÈ븡µãÊý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ¸¡µãÊýÕýÈ·"}).regexValidator({regExp:"decmal",dataType:"e**m",onError:"¸¡µãÊý¸ñʽ²»ÕýÈ·"});
$("#zfds").formValidator({onShow:"ÇëÊäÈëÕý¸¡µãÊý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÕý¸¡µãÊýÕýÈ·"}).regexValidator({regExp:"decmal1",dataType:"e**m",onError:"Õý¸¡µãÊý¸ñʽ²»ÕýÈ·"});
$("#ffds").formValidator({onShow:"ÇëÊäÈ븺¸¡µãÊý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ¸º¸¡µãÊýÕýÈ·"}).regexValidator({regExp:"decmal2",dataType:"e**m",onError:"¸º¸¡µãÊý¸ñʽ²»ÕýÈ·"});
$("#fffds").formValidator({onShow:"ÇëÊäÈë·Ç¸º¸¡µãÊý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ·Ç¸º¸¡µãÊýÕýÈ·"}).regexValidator({regExp:"decmal4",dataType:"e**m",onError:"·Ç¸º¸¡µãÊý¸ñʽ²»ÕýÈ·"});
$("#fzfds").formValidator({onShow:"ÇëÊäÈë·ÇÕý¸¡µãÊý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ·ÇÕý¸¡µãÊýÕýÈ·"}).regexValidator({regExp:"decmal5",dataType:"e**m",onError:"·ÇÕý¸¡µãÊý¸ñʽ²»ÕýÈ·"});
$("#ys").formValidator({onShow:"ÇëÊäÈë16½øÖÆÑÕÉ«",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ16½øÖÆÑÕÉ«ÕýÈ·"}).regexValidator({regExp:"color",dataType:"e**m",onError:"16½øÖÆÑÕÉ«¸ñʽ²»ÕýÈ·"});
$("#yb").formValidator({onShow:"ÇëÊäÈëÓʱà",onfocus:"6λÊý×Ö×é³ÉµÄŶ",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÓʱàÕýÈ·"}).regexValidator({regExp:"zipcode",dataType:"e**m",onError:"Óʱà¸ñʽ²»ÕýÈ·"});
$("#ip4").formValidator({onShow:"ÇëÊäÈëip4",onfocus:"ÀýÈ磺172.16.201.18",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄip4ÕýÈ·"}).regexValidator({regExp:"ip4",dataType:"e**m",onError:"ip4¸ñʽ²»ÕýÈ·"});
$("#fk").formValidator({onShow:"ÇëÊäÈë·Ç¿Õ×Ö·û",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ·Ç¿Õ×Ö·ûÕýÈ·"}).regexValidator({regExp:"notempty",dataType:"e**m",onError:"·Ç¿Õ×Ö·û¸ñʽ²»ÕýÈ·"});
$("#tp").formValidator({onShow:"ÇëÊäÈëͼƬÃû",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄͼƬÃûÕýÈ·"}).regexValidator({regExp:"picture",dataType:"e**m",onError:"ͼƬÃû¸ñʽ²»ÕýÈ·"});
$("#rar").formValidator({onShow:"ÇëÊäÈëѹËõÎļþÃû",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄѹËõÎļþÃûÕýÈ·"}).regexValidator({regExp:"rar",dataType:"e**m",onError:"ѹËõÎļþÃû¸ñʽ²»ÕýÈ·"});
$("#qq").formValidator({onShow:"ÇëÊäÈëQQºÅÂë",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄQQºÅÂëÕýÈ·"}).regexValidator({regExp:"qq",dataType:"e**m",onError:"QQºÅÂë¸ñʽ²»ÕýÈ·"});
$("#dh").formValidator({onShow:"ÇëÊäÈë¹úÄڵ绰",onfocus:"ÀýÈ磺0577-88888888»òÊ¡ÂÔÇøºÅ88888888",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ¹úÄڵ绰ÕýÈ·"}).regexValidator({regExp:"tel",dataType:"e**m",onError:"¹úÄڵ绰¸ñʽ²»ÕýÈ·"});
$("#yhm").formValidator({onShow:"ÇëÊäÈëÓû§Ãû",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÓû§ÃûÕýÈ·"}).regexValidator({regExp:"username",dataType:"e**m",onError:"Óû§Ãû¸ñʽ²»ÕýÈ·"});
$("#zm").formValidator({onShow:"ÇëÊäÈë×Öĸ",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ×ÖĸÕýÈ·"}).regexValidator({regExp:"letter",dataType:"e**m",onError:"×Öĸ¸ñʽ²»ÕýÈ·"});
$("#dxzm").formValidator({onShow:"ÇëÊäÈë´óд×Öĸ",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄ´óд×ÖĸÕýÈ·"}).regexValidator({regExp:"letter_u",dataType:"e**m",onError:"´óд×Öĸ¸ñʽ²»ÕýÈ·"});
$("#xxzm").formValidator({onShow:"ÇëÊäÈëСд×Öĸ",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄСд×ÖĸÕýÈ·"}).regexValidator({regExp:"letter_l",dataType:"e**m",onError:"Сд×Öĸ¸ñʽ²»ÕýÈ·"});
$("#sfz").formValidator({onShow:"ÇëÊäÈëÉí·Ý",onCorrect:"ллÄãµÄºÏ×÷£¬ÄãµÄÉí·ÝÕýÈ·"}).regexValidator({regExp:"idcard",dataType:"e**m",onError:"Éí·Ý¸ñʽ²»ÕýÈ·"});
});
</script>

5.Ч¹ûͼ£º


6.<script>Öк¯Êý²ÎÊý˵Ã÷£º
formValidator:ÓÃÀ´×ö³õʼ»¯µÄÀàÐÍ£¬±ØÐëÏÈÖ´ÐС££¨"¡Ì"Ϊshowalert¿ÉÓòÎÊý£©ÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµshowalertÏêϸ½âÊÍvalidatorgroupУÑé×é"1"¡ÌÒ»¸öÒ³ÃæµÄ¿Ø¼þ¿ÉÒԷֳɶà¸ö×飬·Ö¿ªÐ£ÑéemptyÊÇ·ñ¿ÉÒÔΪ¿Õfalse¡ÌautomodifyÊäÈë´íÎóÀ뿪½¹µãµÄʱºò£¬×Ô¶¯ÐÞ¸´´íÎótrue¡ÌÏȸø³öÌáʾȻºó£¬×Ô¶¯ÐÞ¸´£¬Ä¿Ç°Ö»Ö§³Ötext¡¢file¡¢textareaÈýÖÖÀàÐÍonempty¿ÕʱºòµÄÌáʾ"ÊäÈëÄÚÈÝΪ¿Õ"¿ÉÒÔΪ¿Õ£¬Îª¿ÕʱºòµÄÌáʾ¡£Îª¿ÕÕß²»ÏÔʾonshowÏÔʾʱºòµÄÌáʾ"ÇëÊäÈëÄÚÈÝ"Ϊ¿ÕÕß²»ÏÔʾonfocus»ñµÃ½¹µãµÄÌáʾ"ÇëÊäÈëÄÚÈÝ"Ϊ¿ÕÕß²»ÏÔʾoncorrectÊäÈëÕýÈ·ºóµÄÌáʾ"ÊäÈëÕýÈ·"µ±Äã½¹µãÀ뿪¿Ø¼þµÄʱºò£¬Èç¹ûÊäÈëÕýÈ·½«³öÏÖ¸ÃÌáʾ¡£Îª¿ÕÕß²»ÏÔʾtipidÏÔʾ´íÎóµÄÈÝÆ÷ID±íµ¥ID+"Tip"Èç¹û²»×Ô¶¯¹¹½¨Ìáʾ²ã£¬±íʾÌáʾ³ÉµÄIDºÅ
Èç¹û×Ô¶¯¹¹½¨Ìáʾ²ã£¬±íʾÌáʾ²ãÏà¶ÔµÄÄ¿±ê¿Ø¼þtipcss×Ô¶¯¹¹½¨µÄÌáʾ²ãµÄÑùʽ"left":"10px",
"top":"1px",
"height":"20px",
"width":"250px"Ö÷ÒªÓÃÓÚ**×Ô¶¯¹¹½¨µÄÌáʾ²ãforcevalidÇ¿ÖÆÊäÈëµÄÖµ±ØÐëÓÐЧtrue¡ÌÊÇ·ñ°ÑÒ»¸öÈ«½Ç×Ö·ûµ±×ö2¸ö³¤¶ÈµÄ²ÎÊýajaxÌá½»·þÎñÆ÷true¡ÌajaxValidatorÊÇ·ñ°Ñ¸Ã±íµ¥Ìá½»¸ø·þÎñÆ÷defaultvalueĬÈÏÖµ**ll¡ÌËùÓÐinputºÍselect±íµ¥¡£Èç¹ûÄã²»ÉèÖþͱ£³ÖÔ­Öµ£¬Ò»µ©ÉèÖþÍÉèΪĬÈÏÖµ¡£triggereventĬÈÏÖµblur¡Ìµ±Ç°Ö§³Ö2ÖÖÊôÐÔÖµ:
blur:ʧȥ½¹µãµÄʱºò´¥·¢
change:µ±ÊäÈë¿òÀïµÄÖµ·¢Éú¸Ä±äµÄʱºò´¥·¢inputValidator£ºÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍtype±È½ÏÀàÐÍ"size"(¶ÔselectÎÞЧ)
"size":±íʾ±È½Ï³¤¶È£¬Ä¬ÈÏÖµ
"**mber":ÊýÖµÐͱȽÏ
"string":×Ö·ûÐͱȽÏ
"date":¶ÌÈÕÆÚÀàÐÍ
"datetime":³¤ÈÕÆÚÀàÐÍmin×îС³¤¶È/Öµ0ĬÈÏÊýÖµÐÍ¡£Èç¹û½øÐÐ×Ö·û±È½Ï£¬ÇëÊÕÈë×Ö·ûÐÍ
¶Ôselect-one¶øÑÔinputValidatorÀïµÄ²ÎÊýminºÍmax±íʾѡÔñµÄË÷ÒýºÅ·¶Î§
¶Ôselect-multiple¶øÑÔinputValidatorÀïµÄ²ÎÊýminºÍmax±íʾѡÔñµÄ¸öÊýmax×î´ó³¤¶È/Öµ99999999999ͬÉÏonerror·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"Ϊ¿ÕÕß²»ÏÔʾ¡£onerrormin±ÈminÊôÐÔСµÄÌáʾ**llµ±Óû§ÊäÈëµÄÖµ±ÈminÊôÐÔСµÄʱºòµÄ´íÎóÌáʾonerrormax±ÈmaxÊôÐÔ´óµÄÌáʾ**llµ±Óû§ÊäÈëµÄÖµ±ÈmaxÊôÐÔ´óµÄʱºòµÄ´íÎóÌáʾempty¿Ø¼þÎı¾ÖµÊÇ·ñÔÊÐíÁ½±ßΪ¿ÕÁ½±ß¶¼ÔÊÐí³öÏÖ¿ÕĬÈÏÖµ{leftempty:true,rightempty:true,emptyerror:**ll}
leftempty:±íʾ×ó±ßÊÇ·ñÔÊÐíΪ¿Õ
rightempty:±íʾÓÒ±ßÊÇ·ñÔÊÐíΪ¿Õ
emptyerror£º³öÏָôíÎóµÄʱºòµÄÌáʾ£¬Èç¹ûΪ**ll£¬ÔòÀûÓÃonerrorÊôÐÔÀ´Ìáʾ´íÎó¡£compareValidator£ºÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍdesidÒª±È½Ï¿Ø¼þµÄID""Òª¸úÔ´Ä¿±ê½øÐбȽϵÄÄ¿±êIDoperateor±È½Ï·ûºÅ"="Ò»**ÓÐÈçϼ¸ÖÖÀàÐÍ:=¡¢!=¡¢>¡¢>=¡¢<¡¢<=datatype**ÀàÐÍ"string"Ŀǰֻ֧³Ö2ÖÖ:"string"¡¢"**mber","datetime","date"onerror·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"Ϊ¿ÕÕß²»ÏÔʾ¡£regexValidator:ÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍregexpÕýÔò±í´ïʽ»ò±í´ïʽÊý×é""²ÉÓõÄÊÇÏÔʽ¹¹Ô캯ÊýnewRegExp("pattern"[,"flags"]);ÓÉÓÚJ**ascriptÖÐ'\'±»ÓÃ×÷תÒå×Ö·û£¬ËùÒÔÔÚʹÓÃÏÔʾ¹¹Ô캯Êý¹¹ÔìʵÀý¶ÔÏóµÄʱºò£¬ÐèҪʹÓÃ'\\'´úÌæ'\'param¸½¼Ó²ÎÊý"i"g£º´ú±í¿ÉÒÔ½øÐÐÈ«¾ÖÆ¥Åä¡£
i£º´ú±í²»Çø·Ö´óСдƥÅä¡£
m£º´ú±í¿ÉÒÔ½øÐжàÐÐÆ¥Åä¡£
¿ÉÒÔÈÎÒâ×éºÏ,µ±È»Ò²¿ÉÒÔ²»¼Ó²ÎÊýcomparetype±È½ÏÀàÐÍ"||""||"»òµÄ¹ØÏµ"&&"²¢ÁÐdatatype**ÀàÐÍ"string""string":×Ô¼ºÐ´µÄ±í´ïʽ£¬"e**m":ÃÙÃû¡£¾ßÌåÇë¼ûdemo3.htm
Äã¿ÉÒÔ×Ô¼ºÐ޸ġ¢Ìí¼ÓformValidatorRegex.jsÀïµÄÃÙÏîÄ¿ÃûºÍ±í´ïʽ¡£onerror:·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"Ϊ¿ÕÕß²»ÏÔʾ¡£ajaxValidator:¼¸ºõËùÓеÄÊôÐÔ¸ú$.ajax()µÄÊôÐÔÒ»Ñù£¬Çë²Î¿¼$.ajax()º¯ÊýµÄ°ïÖúÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍtypeÇëÇóµÄÀàÐÍ"GET""POST"»ò"GET"url·¢Ë͵½µÄURLµØÖ·""ÔÚ·þÎñÆ÷¶Ë£¬Äã¿ÉÒÔͨ¹ýnameΪclientid»ñÈ¡´¥·¢ÑéµÄ¿Ø¼þIDÃûdatatype·µ»ØµÄ**ÀàÐÍ"html"xml¡¢html¡¢script¡¢json¡¢texttimeout³¬Ê±ÉèÖÃ999data**""asyncÊÇ·ñÒÔÒì²½µÄ·½Ê½·¢ËÍtruesuccessµ±ÇëÇó³É¹¦Ê±µ÷Óõĺ¯Êý**llprocessdata×Ô¶¯´¦Àí·µ»ØµÄ**Ϊ×Ö·û´®trueÔÚĬÈϵÄÇé¿öÏ£¬Èç¹ûdataÑ¡Ïî´«½øµÄ**ÊÇÒ»¸ö¶ÔÏó¶ø²»ÊÇ×Ö·û´®£¬½«»á×Ô¶¯µØ±»´¦ÀíºÍת»»³ÉÒ»¸ö²éѯ×Ö·û´®completeµ±ÇëÇóÍê³Éʱµ÷Óõĺ¯Êý**llbeforesendµ±ÇëÇóǰʱµ÷Óõĺ¯Êý**llÓиöÒ»¸ö²ÎÊý£¬¸ù$.ajaxÀïµÄbeforeSend²ÎÊýÒ»Ñù¡£buttonsÄãµãÌá½»µÄ°´Å¥(×é)jQuery¶ÔÏó**llµ±Äã´¥·¢ÁËajaxУÑ飬buttonsÀï¶ÔÓ¦µÄ°´Å¥£¨×飩¾Í»á»Òµô£¬Ò»Ö±µÈ´ý·þÎñÆ÷·µ»Ø**Ϊֹerrorµ±ÇëÇóʧ°Üʱµ÷Óõĺ¯Êý"ÇëÇóʧ°Ü"Äã¿ÉÒÔ×Ô¼º¶¨ÒåÕâ¸ö´íÎó£¬ÔÚerrorÀï×Ô¶¯´ò³ö¡£Îª¿ÕÕß²»ÏÔʾ¡£functionValidatorÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµ·µ»ØÖµµÄ½âÊÍfunÍⲿº¯ÊýÃû()
²ÎÊý1:ÔªËØµÄÖµ,
²ÎÊý2:ÔªËØ¶ÔÏóĬÈϵ±×÷´¦Àí¹ý³Ìtrue/falseУÑé³É¹¦/ʧ°Ü×Ö·û´®Ð£Ñéʧ°Ü£¬·µ»ØÖµµ±×÷×Ô¶¨Òå´íÎóÎÞ´¦Àí¹ý³Ìonerror·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"º¯ÊýreturnfalseµÄʱºò£¬ÏÔʾ¸Ã´íÎóÐÅÏ¢¹«**º¯Êý:Ö÷ÒªÊÇÉèÖÃÈ«¾Ö²ÎÊýºÍÅжÏÊÇ·ñͨ¹ýУÑ麯ÊýÃûº¯Êý˵Ã÷$.formValidator.initConfig²ÎÊý£ºÅäÖÃÀàÐÍÊôÐÔĬÈÏֵ˵Ã÷validatorgroup"1"ÄãÒªÕë¶ÔÄĸö×é½øÐÐÅäÖÃformid""Òª×Ô¶¯×¢²ápageIsValidº¯ÊýµÄ±íµ¥IDºÅalertmessagefalseÊÇ·ñ³ö´°¿ÚautotipfalseÊÇ·ñ×Ô¶¯¹¹½¨Ìáʾ²ãerrorfocustrue·¢Éú´íÎóµÄʱºò£¬µÚÒ»¸ö³ö´í¿Ø¼þÊÇ·ñ»ñµÃ½¹µãforcevalidtrueÊÇ·ñÒ»Ö±ÊäÈëÕýȷΪÖ**ÅÔÊÐíÀ뿪½¹µãwidewordtrueÊÇ·ñ°ÑÒ»¸öÈ«½Ç×Ö·ûµ±×ö2¸ö³¤¶Èonsuccess**ll¸Ã×éУÑéͨ¹ýºóµÄ»Øµ÷º¯Êý,·µ»Øfalse£¬×èÖ¹±íµ¥µÄÌá½»submitoncefalseУÑéͨ¹ýºó£¬ÊÇ·ñ»ÒµôËùÓеÄÌá½»°´Å¥onerror**ll¸Ã×éУÑéʧ°ÜºóµÄ»Øµ÷º¯Êý£¬ÓÐÁ½¸ö²ÎÊý
²ÎÊý1Ò»¸öУÑéûÓÐͨ¹ýµÄ´íÎóÐÅÏ¢²ÎÊý2Ò»¸öУÑéûÓÐͨ¹ýµÄÔªËØ¶ÔÏó²ÎÊý3ËùÓеĴíÎóÐÅÏ¢Êý×飬Äã¿ÉÒÔͨ¹ý$.mapÀ´±éÀúdebugfalseÊÇ·ñ´¦ÓÚµ÷ÊÔģʽ¡£true:²»Ìá½»±íµ¥$.formValidator.pageIsValidÒ»¸ö²ÎÊý£º²»ÊÇÅäÖÃÀàÐÍvalidatorgroup"1"ÄãÒªÕë¶ÔÄĸö×é½øÐÐÑé$.formValidator.isOneValidÒ»¸ö²ÎÊý£ºµ±Ê±ÉèÖÃÑéµÄ±íµ¥ÔªËØID¡£
·µ»ØÊÇ·ñУÑé³É¹¦µÄÐÅÏ¢¡£$.formValidator.setFailStatefunction("tipid","ÏÔʾµÄÐÅÏ¢")
ÔÚshowwordģʽÏ£¬Èç¹ûÄãµÄ¶îÍâУÑéûÓÐͨ¹ý£¬Äã¿ÉÒÔͨ¹ýËüÀ´ÉèÖóÉʧ°ÜÐÅÏ¢ºÍ״̬$.formValidator.getLengthfunction("±íµ¥ÔªËØid")
checkbox»òradiobutton±íʾ(ͬ×é)Ñ¡ÔñµÄ¸öÊý¡£
¶Ôselect-one£¬Ñ¡ÔñË÷ÒýµÄÖµ
¶Ôselect-multiple£¬inputValidatorÀïµÄ²ÎÊýminºÍmax±íʾѡÔñµÄ¸öÊý
ÆäËüinput±íʾµÄ±íʾ×Ö·û³¤¶È¡£$.formValidator.retSetTipStatefunction(УÑé×éºÅ)À´°Ñ¸Ã×éµÄÌáʾÄÚÈݻָ´µ½onshow״̬$.formValidator.reloadAutoTipÖØÐÂ**×Ô¶¯¹¹½¨µÄÌáʾ²ãformValidator:ÓÃÀ´×ö³õʼ»¯µÄÀàÐÍ£¬±ØÐëÏÈÖ´ÐС££¨"¡Ì"Ϊshowalert¿ÉÓòÎÊý£©ÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµshowalertÏêϸ½âÊÍvalidatorgroupУÑé×é"1"¡ÌÒ»¸öÒ³ÃæµÄ¿Ø¼þ¿ÉÒԷֳɶà¸ö×飬·Ö¿ªÐ£ÑéemptyÊÇ·ñ¿ÉÒÔΪ¿Õfalse¡ÌautomodifyÊäÈë´íÎóÀ뿪½¹µãµÄʱºò£¬×Ô¶¯ÐÞ¸´´íÎótrue¡ÌÏȸø³öÌáʾȻºó£¬×Ô¶¯ÐÞ¸´£¬Ä¿Ç°Ö»Ö§³Ötext¡¢file¡¢textareaÈýÖÖÀàÐÍonempty¿ÕʱºòµÄÌáʾ"ÊäÈëÄÚÈÝΪ¿Õ"¿ÉÒÔΪ¿Õ£¬Îª¿ÕʱºòµÄÌáʾ¡£Îª¿ÕÕß²»ÏÔʾonshowÏÔʾʱºòµÄÌáʾ"ÇëÊäÈëÄÚÈÝ"Ϊ¿ÕÕß²»ÏÔʾonfocus»ñµÃ½¹µãµÄÌáʾ"ÇëÊäÈëÄÚÈÝ"Ϊ¿ÕÕß²»ÏÔʾoncorrectÊäÈëÕýÈ·ºóµÄÌáʾ"ÊäÈëÕýÈ·"µ±Äã½¹µãÀ뿪¿Ø¼þµÄʱºò£¬Èç¹ûÊäÈëÕýÈ·½«³öÏÖ¸ÃÌáʾ¡£Îª¿ÕÕß²»ÏÔʾtipidÏÔʾ´íÎóµÄÈÝÆ÷ID±íµ¥ID+"Tip"Èç¹û²»×Ô¶¯¹¹½¨Ìáʾ²ã£¬±íʾÌáʾ³ÉµÄIDºÅ
Èç¹û×Ô¶¯¹¹½¨Ìáʾ²ã£¬±íʾÌáʾ²ãÏà¶ÔµÄÄ¿±ê¿Ø¼þtipcss×Ô¶¯¹¹½¨µÄÌáʾ²ãµÄÑùʽ"left":"10px",
"top":"1px",
"height":"20px",
"width":"250px"Ö÷ÒªÓÃÓÚ**×Ô¶¯¹¹½¨µÄÌáʾ²ãforcevalidÇ¿ÖÆÊäÈëµÄÖµ±ØÐëÓÐЧtrue¡ÌÊÇ·ñ°ÑÒ»¸öÈ«½Ç×Ö·ûµ±×ö2¸ö³¤¶ÈµÄ²ÎÊýajaxÌá½»·þÎñÆ÷true¡ÌajaxValidatorÊÇ·ñ°Ñ¸Ã±íµ¥Ìá½»¸ø·þÎñÆ÷defaultvalueĬÈÏÖµ**ll¡ÌËùÓÐinputºÍselect±íµ¥¡£Èç¹ûÄã²»ÉèÖþͱ£³ÖÔ­Öµ£¬Ò»µ©ÉèÖþÍÉèΪĬÈÏÖµ¡£triggereventĬÈÏÖµblur¡Ìµ±Ç°Ö§³Ö2ÖÖÊôÐÔÖµ:
blur:ʧȥ½¹µãµÄʱºò´¥·¢
change:µ±ÊäÈë¿òÀïµÄÖµ·¢Éú¸Ä±äµÄʱºò´¥·¢inputValidator£ºÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍtype±È½ÏÀàÐÍ"size"(¶ÔselectÎÞЧ)
"size":±íʾ±È½Ï³¤¶È£¬Ä¬ÈÏÖµ
"**mber":ÊýÖµÐͱȽÏ
"string":×Ö·ûÐͱȽÏ
"date":¶ÌÈÕÆÚÀàÐÍ
"datetime":³¤ÈÕÆÚÀàÐÍmin×îС³¤¶È/Öµ0ĬÈÏÊýÖµÐÍ¡£Èç¹û½øÐÐ×Ö·û±È½Ï£¬ÇëÊÕÈë×Ö·ûÐÍ
¶Ôselect-one¶øÑÔinputValidatorÀïµÄ²ÎÊýminºÍmax±íʾѡÔñµÄË÷ÒýºÅ·¶Î§
¶Ôselect-multiple¶øÑÔinputValidatorÀïµÄ²ÎÊýminºÍmax±íʾѡÔñµÄ¸öÊýmax×î´ó³¤¶È/Öµ99999999999ͬÉÏonerror·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"Ϊ¿ÕÕß²»ÏÔʾ¡£onerrormin±ÈminÊôÐÔСµÄÌáʾ**llµ±Óû§ÊäÈëµÄÖµ±ÈminÊôÐÔСµÄʱºòµÄ´íÎóÌáʾonerrormax±ÈmaxÊôÐÔ´óµÄÌáʾ**llµ±Óû§ÊäÈëµÄÖµ±ÈmaxÊôÐÔ´óµÄʱºòµÄ´íÎóÌáʾempty¿Ø¼þÎı¾ÖµÊÇ·ñÔÊÐíÁ½±ßΪ¿ÕÁ½±ß¶¼ÔÊÐí³öÏÖ¿ÕĬÈÏÖµ{leftempty:true,rightempty:true,emptyerror:**ll}
leftempty:±íʾ×ó±ßÊÇ·ñÔÊÐíΪ¿Õ
rightempty:±íʾÓÒ±ßÊÇ·ñÔÊÐíΪ¿Õ
emptyerror£º³öÏָôíÎóµÄʱºòµÄÌáʾ£¬Èç¹ûΪ**ll£¬ÔòÀûÓÃonerrorÊôÐÔÀ´Ìáʾ´íÎó¡£compareValidator£ºÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍdesidÒª±È½Ï¿Ø¼þµÄID""Òª¸úÔ´Ä¿±ê½øÐбȽϵÄÄ¿±êIDoperateor±È½Ï·ûºÅ"="Ò»**ÓÐÈçϼ¸ÖÖÀàÐÍ:=¡¢!=¡¢>¡¢>=¡¢<¡¢<=datatype**ÀàÐÍ"string"Ŀǰֻ֧³Ö2ÖÖ:"string"¡¢"**mber","datetime","date"onerror·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"Ϊ¿ÕÕß²»ÏÔʾ¡£regexValidator:ÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍregexpÕýÔò±í´ïʽ»ò±í´ïʽÊý×é""²ÉÓõÄÊÇÏÔʽ¹¹Ô캯ÊýnewRegExp("pattern"[,"flags"]);ÓÉÓÚJ**ascriptÖÐ'\'±»ÓÃ×÷תÒå×Ö·û£¬ËùÒÔÔÚʹÓÃÏÔʾ¹¹Ô캯Êý¹¹ÔìʵÀý¶ÔÏóµÄʱºò£¬ÐèҪʹÓÃ'\\'´úÌæ'\'param¸½¼Ó²ÎÊý"i"g£º´ú±í¿ÉÒÔ½øÐÐÈ«¾ÖÆ¥Åä¡£
i£º´ú±í²»Çø·Ö´óСдƥÅä¡£
m£º´ú±í¿ÉÒÔ½øÐжàÐÐÆ¥Åä¡£
¿ÉÒÔÈÎÒâ×éºÏ,µ±È»Ò²¿ÉÒÔ²»¼Ó²ÎÊýcomparetype±È½ÏÀàÐÍ"||""||"»òµÄ¹ØÏµ"&&"²¢ÁÐdatatype**ÀàÐÍ"string""string":×Ô¼ºÐ´µÄ±í´ïʽ£¬"e**m":ÃÙÃû¡£¾ßÌåÇë¼ûdemo3.htm
Äã¿ÉÒÔ×Ô¼ºÐ޸ġ¢Ìí¼ÓformValidatorRegex.jsÀïµÄÃÙÏîÄ¿ÃûºÍ±í´ïʽ¡£onerror:·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"Ϊ¿ÕÕß²»ÏÔʾ¡£ajaxValidator:¼¸ºõËùÓеÄÊôÐÔ¸ú$.ajax()µÄÊôÐÔÒ»Ñù£¬Çë²Î¿¼$.ajax()º¯ÊýµÄ°ïÖúÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍtypeÇëÇóµÄÀàÐÍ"GET""POST"»ò"GET"url·¢Ë͵½µÄURLµØÖ·""ÔÚ·þÎñÆ÷¶Ë£¬Äã¿ÉÒÔͨ¹ýnameΪclientid»ñÈ¡´¥·¢ÑéµÄ¿Ø¼þIDÃûdatatype·µ»ØµÄ**ÀàÐÍ"html"xml¡¢html¡¢script¡¢json¡¢texttimeout³¬Ê±ÉèÖÃ999data**""asyncÊÇ·ñÒÔÒì²½µÄ·½Ê½·¢ËÍtruesuccessµ±ÇëÇó³É¹¦Ê±µ÷Óõĺ¯Êý**llprocessdata×Ô¶¯´¦Àí·µ»ØµÄ**Ϊ×Ö·û´®trueÔÚĬÈϵÄÇé¿öÏ£¬Èç¹ûdataÑ¡Ïî´«½øµÄ**ÊÇÒ»¸ö¶ÔÏó¶ø²»ÊÇ×Ö·û´®£¬½«»á×Ô¶¯µØ±»´¦ÀíºÍת»»³ÉÒ»¸ö²éѯ×Ö·û´®completeµ±ÇëÇóÍê³Éʱµ÷Óõĺ¯Êý**llbeforesendµ±ÇëÇóǰʱµ÷Óõĺ¯Êý**llÓиöÒ»¸ö²ÎÊý£¬¸ù$.ajaxÀïµÄbeforeSend²ÎÊýÒ»Ñù¡£buttonsÄãµãÌá½»µÄ°´Å¥(×é)jQuery¶ÔÏó**llµ±Äã´¥·¢ÁËajaxУÑ飬buttonsÀï¶ÔÓ¦µÄ°´Å¥£¨×飩¾Í»á»Òµô£¬Ò»Ö±µÈ´ý·þÎñÆ÷·µ»Ø**Ϊֹerrorµ±ÇëÇóʧ°Üʱµ÷Óõĺ¯Êý"ÇëÇóʧ°Ü"Äã¿ÉÒÔ×Ô¼º¶¨ÒåÕâ¸ö´íÎó£¬ÔÚerrorÀï×Ô¶¯´ò³ö¡£Îª¿ÕÕß²»ÏÔʾ¡£functionValidatorÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµ·µ»ØÖµµÄ½âÊÍfunÍⲿº¯ÊýÃû()
²ÎÊý1:ÔªËØµÄÖµ,
²ÎÊý2:ÔªËØ¶ÔÏóĬÈϵ±×÷´¦Àí¹ý³Ìtrue/falseУÑé³É¹¦/ʧ°Ü×Ö·û´®Ð£Ñéʧ°Ü£¬·µ»ØÖµµ±×÷×Ô¶¨Òå´íÎóÎÞ´¦Àí¹ý³Ìonerror·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"º¯ÊýreturnfalseµÄʱºò£¬ÏÔʾ¸Ã´íÎóÐÅÏ¢¹«**º¯Êý:Ö÷ÒªÊÇÉèÖÃÈ«¾Ö²ÎÊýºÍÅжÏÊÇ·ñͨ¹ýУÑ麯ÊýÃûº¯Êý˵Ã÷$.formValidator.initConfig²ÎÊý£ºÅäÖÃÀàÐÍÊôÐÔĬÈÏֵ˵Ã÷validatorgroup"1"ÄãÒªÕë¶ÔÄĸö×é½øÐÐÅäÖÃformid""Òª×Ô¶¯×¢²ápageIsValidº¯ÊýµÄ±íµ¥IDºÅalertmessagefalseÊÇ·ñ³ö´°¿ÚautotipfalseÊÇ·ñ×Ô¶¯¹¹½¨Ìáʾ²ãerrorfocustrue·¢Éú´íÎóµÄʱºò£¬µÚÒ»¸ö³ö´í¿Ø¼þÊÇ·ñ»ñµÃ½¹µãforcevalidtrueÊÇ·ñÒ»Ö±ÊäÈëÕýȷΪÖ**ÅÔÊÐíÀ뿪½¹µãwidewordtrueÊÇ·ñ°ÑÒ»¸öÈ«½Ç×Ö·ûµ±×ö2¸ö³¤¶Èonsuccess**ll¸Ã×éУÑéͨ¹ýºóµÄ»Øµ÷º¯Êý,·µ»Øfalse£¬×èÖ¹±íµ¥µÄÌá½»submitoncefalseУÑéͨ¹ýºó£¬ÊÇ·ñ»ÒµôËùÓеÄÌá½»°´Å¥onerror**ll¸Ã×éУÑéʧ°ÜºóµÄ»Øµ÷º¯Êý£¬ÓÐÁ½¸ö²ÎÊý
²ÎÊý1Ò»¸öУÑéûÓÐͨ¹ýµÄ´íÎóÐÅÏ¢²ÎÊý2Ò»¸öУÑéûÓÐͨ¹ýµÄÔªËØ¶ÔÏó²ÎÊý3ËùÓеĴíÎóÐÅÏ¢Êý×飬Äã¿ÉÒÔͨ¹ý$.mapÀ´±éÀúdebugfalseÊÇ·ñ´¦ÓÚµ÷ÊÔģʽ¡£true:²»Ìá½»±íµ¥$.formValidator.pageIsValidÒ»¸ö²ÎÊý£º²»ÊÇÅäÖÃÀàÐÍvalidatorgroup"1"ÄãÒªÕë¶ÔÄĸö×é½øÐÐÑé$.formValidator.isOneValidÒ»¸ö²ÎÊý£ºµ±Ê±ÉèÖÃÑéµÄ±íµ¥ÔªËØID¡£
·µ»ØÊÇ·ñУÑé³É¹¦µÄÐÅÏ¢¡£$.formValidator.setFailStatefunction("tipid","ÏÔʾµÄÐÅÏ¢")
ÔÚshowwordģʽÏ£¬Èç¹ûÄãµÄ¶îÍâУÑéûÓÐͨ¹ý£¬Äã¿ÉÒÔͨ¹ýËüÀ´ÉèÖóÉʧ°ÜÐÅÏ¢ºÍ״̬$.formValidator.getLengthfunction("±íµ¥ÔªËØid")
checkbox»òradiobutton±íʾ(ͬ×é)Ñ¡ÔñµÄ¸öÊý¡£
¶Ôselect-one£¬Ñ¡ÔñË÷ÒýµÄÖµ
¶Ôselect-multiple£¬inputValidatorÀïµÄ²ÎÊýminºÍmax±íʾѡÔñµÄ¸öÊý
ÆäËüinput±íʾµÄ±íʾ×Ö·û³¤¶È¡£$.formValidator.retSetTipStatefunction(УÑé×éºÅ)À´°Ñ¸Ã×éµÄÌáʾÄÚÈݻָ´µ½onshow״̬$.formValidator.reloadAutoTipÖØÐÂ**×Ô¶¯¹¹½¨µÄÌáʾ²ãformValidator:ÓÃÀ´×ö³õʼ»¯µÄÀàÐÍ£¬±ØÐëÏÈÖ´ÐС££¨"¡Ì"Ϊshowalert¿ÉÓòÎÊý£©ÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµshowalertÏêϸ½âÊÍvalidatorgroupУÑé×é"1"¡ÌÒ»¸öÒ³ÃæµÄ¿Ø¼þ¿ÉÒԷֳɶà¸ö×飬·Ö¿ªÐ£ÑéemptyÊÇ·ñ¿ÉÒÔΪ¿Õfalse¡ÌautomodifyÊäÈë´íÎóÀ뿪½¹µãµÄʱºò£¬×Ô¶¯ÐÞ¸´´íÎótrue¡ÌÏȸø³öÌáʾȻºó£¬×Ô¶¯ÐÞ¸´£¬Ä¿Ç°Ö»Ö§³Ötext¡¢file¡¢textareaÈýÖÖÀàÐÍonempty¿ÕʱºòµÄÌáʾ"ÊäÈëÄÚÈÝΪ¿Õ"¿ÉÒÔΪ¿Õ£¬Îª¿ÕʱºòµÄÌáʾ¡£Îª¿ÕÕß²»ÏÔʾonshowÏÔʾʱºòµÄÌáʾ"ÇëÊäÈëÄÚÈÝ"Ϊ¿ÕÕß²»ÏÔʾonfocus»ñµÃ½¹µãµÄÌáʾ"ÇëÊäÈëÄÚÈÝ"Ϊ¿ÕÕß²»ÏÔʾoncorrectÊäÈëÕýÈ·ºóµÄÌáʾ"ÊäÈëÕýÈ·"µ±Äã½¹µãÀ뿪¿Ø¼þµÄʱºò£¬Èç¹ûÊäÈëÕýÈ·½«³öÏÖ¸ÃÌáʾ¡£Îª¿ÕÕß²»ÏÔʾtipidÏÔʾ´íÎóµÄÈÝÆ÷ID±íµ¥ID+"Tip"Èç¹û²»×Ô¶¯¹¹½¨Ìáʾ²ã£¬±íʾÌáʾ³ÉµÄIDºÅ
Èç¹û×Ô¶¯¹¹½¨Ìáʾ²ã£¬±íʾÌáʾ²ãÏà¶ÔµÄÄ¿±ê¿Ø¼þtipcss×Ô¶¯¹¹½¨µÄÌáʾ²ãµÄÑùʽ"left":"10px",
"top":"1px",
"height":"20px",
"width":"250px"Ö÷ÒªÓÃÓÚ**×Ô¶¯¹¹½¨µÄÌáʾ²ãforcevalidÇ¿ÖÆÊäÈëµÄÖµ±ØÐëÓÐЧtrue¡ÌÊÇ·ñ°ÑÒ»¸öÈ«½Ç×Ö·ûµ±×ö2¸ö³¤¶ÈµÄ²ÎÊýajaxÌá½»·þÎñÆ÷true¡ÌajaxValidatorÊÇ·ñ°Ñ¸Ã±íµ¥Ìá½»¸ø·þÎñÆ÷defaultvalueĬÈÏÖµ**ll¡ÌËùÓÐinputºÍselect±íµ¥¡£Èç¹ûÄã²»ÉèÖþͱ£³ÖÔ­Öµ£¬Ò»µ©ÉèÖþÍÉèΪĬÈÏÖµ¡£triggereventĬÈÏÖµblur¡Ìµ±Ç°Ö§³Ö2ÖÖÊôÐÔÖµ:
blur:ʧȥ½¹µãµÄʱºò´¥·¢
change:µ±ÊäÈë¿òÀïµÄÖµ·¢Éú¸Ä±äµÄʱºò´¥·¢inputValidator£ºÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍtype±È½ÏÀàÐÍ"size"(¶ÔselectÎÞЧ)
"size":±íʾ±È½Ï³¤¶È£¬Ä¬ÈÏÖµ
"**mber":ÊýÖµÐͱȽÏ
"string":×Ö·ûÐͱȽÏ
"date":¶ÌÈÕÆÚÀàÐÍ
"datetime":³¤ÈÕÆÚÀàÐÍmin×îС³¤¶È/Öµ0ĬÈÏÊýÖµÐÍ¡£Èç¹û½øÐÐ×Ö·û±È½Ï£¬ÇëÊÕÈë×Ö·ûÐÍ
¶Ôselect-one¶øÑÔinputValidatorÀïµÄ²ÎÊýminºÍmax±íʾѡÔñµÄË÷ÒýºÅ·¶Î§
¶Ôselect-multiple¶øÑÔinputValidatorÀïµÄ²ÎÊýminºÍmax±íʾѡÔñµÄ¸öÊýmax×î´ó³¤¶È/Öµ99999999999ͬÉÏonerror·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"Ϊ¿ÕÕß²»ÏÔʾ¡£onerrormin±ÈminÊôÐÔСµÄÌáʾ**llµ±Óû§ÊäÈëµÄÖµ±ÈminÊôÐÔСµÄʱºòµÄ´íÎóÌáʾonerrormax±ÈmaxÊôÐÔ´óµÄÌáʾ**llµ±Óû§ÊäÈëµÄÖµ±ÈmaxÊôÐÔ´óµÄʱºòµÄ´íÎóÌáʾempty¿Ø¼þÎı¾ÖµÊÇ·ñÔÊÐíÁ½±ßΪ¿ÕÁ½±ß¶¼ÔÊÐí³öÏÖ¿ÕĬÈÏÖµ{leftempty:true,rightempty:true,emptyerror:**ll}
leftempty:±íʾ×ó±ßÊÇ·ñÔÊÐíΪ¿Õ
rightempty:±íʾÓÒ±ßÊÇ·ñÔÊÐíΪ¿Õ
emptyerror£º³öÏָôíÎóµÄʱºòµÄÌáʾ£¬Èç¹ûΪ**ll£¬ÔòÀûÓÃonerrorÊôÐÔÀ´Ìáʾ´íÎó¡£compareValidator£ºÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍdesidÒª±È½Ï¿Ø¼þµÄID""Òª¸úÔ´Ä¿±ê½øÐбȽϵÄÄ¿±êIDoperateor±È½Ï·ûºÅ"="Ò»**ÓÐÈçϼ¸ÖÖÀàÐÍ:=¡¢!=¡¢>¡¢>=¡¢<¡¢<=datatype**ÀàÐÍ"string"Ŀǰֻ֧³Ö2ÖÖ:"string"¡¢"**mber","datetime","date"onerror·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"Ϊ¿ÕÕß²»ÏÔʾ¡£regexValidator:ÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍregexpÕýÔò±í´ïʽ»ò±í´ïʽÊý×é""²ÉÓõÄÊÇÏÔʽ¹¹Ô캯ÊýnewRegExp("pattern"[,"flags"]);ÓÉÓÚJ**ascriptÖÐ'\'±»ÓÃ×÷תÒå×Ö·û£¬ËùÒÔÔÚʹÓÃÏÔʾ¹¹Ô캯Êý¹¹ÔìʵÀý¶ÔÏóµÄʱºò£¬ÐèҪʹÓÃ'\\'´úÌæ'\'param¸½¼Ó²ÎÊý"i"g£º´ú±í¿ÉÒÔ½øÐÐÈ«¾ÖÆ¥Åä¡£
i£º´ú±í²»Çø·Ö´óСдƥÅä¡£
m£º´ú±í¿ÉÒÔ½øÐжàÐÐÆ¥Åä¡£
¿ÉÒÔÈÎÒâ×éºÏ,µ±È»Ò²¿ÉÒÔ²»¼Ó²ÎÊýcomparetype±È½ÏÀàÐÍ"||""||"»òµÄ¹ØÏµ"&&"²¢ÁÐdatatype**ÀàÐÍ"string""string":×Ô¼ºÐ´µÄ±í´ïʽ£¬"e**m":ÃÙÃû¡£¾ßÌåÇë¼ûdemo3.htm
Äã¿ÉÒÔ×Ô¼ºÐ޸ġ¢Ìí¼ÓformValidatorRegex.jsÀïµÄÃÙÏîÄ¿ÃûºÍ±í´ïʽ¡£onerror:·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"Ϊ¿ÕÕß²»ÏÔʾ¡£ajaxValidator:¼¸ºõËùÓеÄÊôÐÔ¸ú$.ajax()µÄÊôÐÔÒ»Ñù£¬Çë²Î¿¼$.ajax()º¯ÊýµÄ°ïÖúÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµÏêϸ½âÊÍtypeÇëÇóµÄÀàÐÍ"GET""POST"»ò"GET"url·¢Ë͵½µÄURLµØÖ·""ÔÚ·þÎñÆ÷¶Ë£¬Äã¿ÉÒÔͨ¹ýnameΪclientid»ñÈ¡´¥·¢ÑéµÄ¿Ø¼þIDÃûdatatype·µ»ØµÄ**ÀàÐÍ"html"xml¡¢html¡¢script¡¢json¡¢texttimeout³¬Ê±ÉèÖÃ999data**""asyncÊÇ·ñÒÔÒì²½µÄ·½Ê½·¢ËÍtruesuccessµ±ÇëÇó³É¹¦Ê±µ÷Óõĺ¯Êý**llprocessdata×Ô¶¯´¦Àí·µ»ØµÄ**Ϊ×Ö·û´®trueÔÚĬÈϵÄÇé¿öÏ£¬Èç¹ûdataÑ¡Ïî´«½øµÄ**ÊÇÒ»¸ö¶ÔÏó¶ø²»ÊÇ×Ö·û´®£¬½«»á×Ô¶¯µØ±»´¦ÀíºÍת»»³ÉÒ»¸ö²éѯ×Ö·û´®completeµ±ÇëÇóÍê³Éʱµ÷Óõĺ¯Êý**llbeforesendµ±ÇëÇóǰʱµ÷Óõĺ¯Êý**llÓиöÒ»¸ö²ÎÊý£¬¸ù$.ajaxÀïµÄbeforeSend²ÎÊýÒ»Ñù¡£buttonsÄãµãÌá½»µÄ°´Å¥(×é)jQuery¶ÔÏó**llµ±Äã´¥·¢ÁËajaxУÑ飬buttonsÀï¶ÔÓ¦µÄ°´Å¥£¨×飩¾Í»á»Òµô£¬Ò»Ö±µÈ´ý·þÎñÆ÷·µ»Ø**Ϊֹerrorµ±ÇëÇóʧ°Üʱµ÷Óõĺ¯Êý"ÇëÇóʧ°Ü"Äã¿ÉÒÔ×Ô¼º¶¨ÒåÕâ¸ö´íÎó£¬ÔÚerrorÀï×Ô¶¯´ò³ö¡£Îª¿ÕÕß²»ÏÔʾ¡£functionValidatorÊôÐÔÊôÐÔÃû³ÆÄ¬ÈÏÖµ·µ»ØÖµµÄ½âÊÍfunÍⲿº¯ÊýÃû()
²ÎÊý1:ÔªËØµÄÖµ,
²ÎÊý2:ÔªËØ¶ÔÏóĬÈϵ±×÷´¦Àí¹ý³Ìtrue/falseУÑé³É¹¦/ʧ°Ü×Ö·û´®Ð£Ñéʧ°Ü£¬·µ»ØÖµµ±×÷×Ô¶¨Òå´íÎóÎÞ´¦Àí¹ý³Ìonerror·¢Éú´íÎóµÄÌáʾ"ÊäÈë´íÎó"º¯ÊýreturnfalseµÄʱºò£¬ÏÔʾ¸Ã´íÎóÐÅÏ¢¹«**º¯Êý:Ö÷ÒªÊÇÉèÖÃÈ«¾Ö²ÎÊýºÍÅжÏÊÇ·ñͨ¹ýУÑ麯ÊýÃûº¯Êý˵Ã÷$.formValidator.initConfig²ÎÊý£ºÅäÖÃÀàÐÍÊôÐÔĬÈÏֵ˵Ã÷validatorgroup"1"ÄãÒªÕë¶ÔÄĸö×é½øÐÐÅäÖÃformid""Òª×Ô¶¯×¢²ápageIsValidº¯ÊýµÄ±íµ¥IDºÅalertmessagefalseÊÇ·ñ³ö´°¿ÚautotipfalseÊÇ·ñ×Ô¶¯¹¹½¨Ìáʾ²ãerrorfocustrue·¢Éú´íÎóµÄʱºò£¬µÚÒ»¸ö³ö´í¿Ø¼þÊÇ·ñ»ñµÃ½¹µãforcevalidtrueÊÇ·ñÒ»Ö±ÊäÈëÕýȷΪÖ**ÅÔÊÐíÀ뿪½¹µãwidewordtrueÊÇ·ñ°ÑÒ»¸öÈ«½Ç×Ö·ûµ±×ö2¸ö³¤¶Èonsuccess**ll¸Ã×éУÑéͨ¹ýºóµÄ»Øµ÷º¯Êý,·µ»Øfalse£¬×èÖ¹±íµ¥µÄÌá½»submitoncefalseУÑéͨ¹ýºó£¬ÊÇ·ñ»ÒµôËùÓеÄÌá½»°´Å¥onerror**ll¸Ã×éУÑéʧ°ÜºóµÄ»Øµ÷º¯Êý£¬ÓÐÁ½¸ö²ÎÊý
²ÎÊý1Ò»¸öУÑéûÓÐͨ¹ýµÄ´íÎóÐÅÏ¢²ÎÊý2Ò»¸öУÑéûÓÐͨ¹ýµÄÔªËØ¶ÔÏó²ÎÊý3ËùÓеĴíÎóÐÅÏ¢Êý×飬Äã¿ÉÒÔͨ¹ý$.mapÀ´±éÀúdebugfalseÊÇ·ñ´¦ÓÚµ÷ÊÔģʽ¡£true:²»Ìá½»±íµ¥$.formValidator.pageIsValidÒ»¸ö²ÎÊý£º²»ÊÇÅäÖÃÀàÐÍvalidatorgroup"1"ÄãÒªÕë¶ÔÄĸö×é½øÐÐÑé$.formValidator.isOneValidÒ»¸ö²ÎÊý£ºµ±Ê±ÉèÖÃÑéµÄ±íµ¥ÔªËØID¡£
·µ»ØÊÇ·ñУÑé³É¹¦µÄÐÅÏ¢¡£$.formValidator.setFailStatefunction("tipid","ÏÔʾµÄÐÅÏ¢")
ÔÚshowwordģʽÏ£¬Èç¹ûÄãµÄ¶îÍâУÑéûÓÐͨ¹ý£¬Äã¿ÉÒÔͨ¹ýËüÀ´ÉèÖóÉʧ°ÜÐÅÏ¢ºÍ״̬$.formValidator.getLengthfunction("±íµ¥ÔªËØid")
checkbox»òradiobutton±íʾ(ͬ×é)Ñ¡ÔñµÄ¸öÊý¡£
¶Ôselect-one£¬Ñ¡ÔñË÷ÒýµÄÖµ
¶Ôselect-multiple£¬inputValidatorÀïµÄ²ÎÊýminºÍmax±íʾѡÔñµÄ¸öÊý
ÆäËüinput±íʾµÄ±íʾ×Ö·û³¤¶È¡£$.formValidator.retSetTipStatefunction(УÑé×éºÅ)À´°Ñ¸Ã×éµÄÌáʾÄÚÈݻָ´µ½onshow״̬$.formValidator.reloadAutoTipÖØÐÂ**×Ô¶¯¹¹½¨µÄÌáʾ²ã
6.Ìí¼ÓÐÞ¸Ä˵Ã÷£º
¸´ÖÆ´úÂë´úÂëÈçÏÂ:
$.formValidator.reloadAutoTip();//ÖØÐ¼ÓÔØ±íµ¥ÑéÑùʽ
if(!$.formValidator.pageIsValid('1'))returnfalse;//Èç¹û²»Í¨¹ýÔò²»Ìá½»

¸´ÖÆ´úÂë´úÂëÈçÏÂ:
$(document).ready(function(){
$.formValidator.initConfig({formID:"form1",onError:function(){alert("УÑéûÓÐͨ¹ý£¬¾ßÌå´íÎóÇë¿´´íÎóÌáʾ")}});
$("#name").formValidator({onShow:"ÇëÊäÈëÐÕÃû£¡",onFocus:"ÊäÈëÒ»¸öµ½Ê®¸ö×Ö·û",onCorrect:"ÊäÈëÕýÈ·£¬Ð»Ð»ÄúµÄºÏ×÷£¡"}).inputValidator({min:1,max:20,onError:"ÊäÈ볤¶È£¬²»¶Ô£¡"});
$("#timelong").formValidator({onShow:"ÇëÊäÈë·ÑÝʱ³¤£¡",onFocus:"ÊäÈë¸ñʽΪÕýÕûÊý£¡",onCorrect:"ÊäÈëÕýÈ·£¬Ð»Ð»ÄúµÄºÏ×÷£¡"}).regexValidator({regExp:"intege1",dataType:"e**m",onError:"ÄúÊäÈëµÄʱ³¤¸ñʽ²»ÕýÈ·£¡"});
$("#address").formValidator({onShow:"ÇëÊäÈë·ÑÝÆ½Ì¨Ãû³Æ£¡",onFocus:"ÊäÈëÒ»¸öµ½ÎåÊ®¸ö×Ö·û",onCorrect:"ÊäÈëÕýÈ·£¬Ð»Ð»ÄúµÄºÏ×÷£¡"}).inputValidator({min:1,max:50,onError:"ÊäÈ볤¶È£¬²»¶Ô£¡"});
$("#urladdress").formValidator({onShow:"ÇëÊäÈë·ÑÝÁ´½ÓµØÖ·£¡",onFocus:"ÊäÈë¸ñʽ£ºhttp://www.bai**.com",onCorrect:"ÊäÈëÕýÈ·£¬Ð»Ð»ÄúµÄºÏ×÷£¡"}).regexValidator({regExp:"^(http|https|ftp)\://([a-zA-Z0-9\.\-]+(\:[a-zA-Z0-9\.&%\$\-]+)*@)*((25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9])\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[1-9]|0)\.(25[0-5]|2[0-4][0-9]|[0-1]{1}[0-9]{2}|[1-9]{1}[0-9]{1}|[0-9])|localhost|([a-zA-Z0-9\-]+\.)*[a-zA-Z0-9\-]+\.(com|e**|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(\:[0-9]+)*(/($|[a-zA-Z0-9\.\,\?\'\\\+&%\$#\=~_\-]+))*$",onError:"ÊäÈë¸ñʽ²»ÕýÈ·£¡"});
$("#time").formValidator({onCorrect:"¸ñʽÕýÈ·"}).functionValidator({fun:isDateTime,onError:"ÊäÈë¸ñʽ£¬²»¶Ô£¡"});
$("#txtcontent").formValidator({onShow:"ÇëÊäÈëר¼Ò¼ò½é£¡",onFocus:"ÊäÈëÒ»¸öµ½Ò»°Ù¸ö×Ö·û",onCorrect:"ÊäÈëÕýÈ·£¬Ð»Ð»ÄúµÄºÏ×÷£¡"}).inputValidator({min:1,max:100,onError:"ÊäÈ볤¶È£¬²»¶Ô£¡"});
});