作為一名程序員，在解決工作中遇到問(wèn)題之后，做一些總結(jié)是有必要的，既方便總結(jié)溫習(xí)相關(guān)知識(shí)點(diǎn)，也為廣大的程序員提供了一些工作經(jīng)歷，給予同行一面明鑒.
html部分：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>formValidator</title><script src="js/jquery-1.11.1.js"></script><script src="js/formValidator-4.0.1.min.js"></script><script src="js/DateTimeMask.js"></script><script src="js/formValidatorRegex.js"></script><link rel="stylesheet" href="css/validator.css"><style>form{width: 500px;margin: 100px auto;}table tr td:first-child{text-align: right;}table tr td{padding: 5px 0;}div{margin-left: 10px;padding: 0 10px;}</style></head><body><form name="myfm" id="myfm" action="1.html"><table><tbody><tr><td><label for="uname">用戶名：</label></td><td><input type="text" id="uname" name="uname"/></td><td><div id="unameTip"></div></td></tr><tr><td><label for="pwd">密碼：</label></td><td><input type="password" id="pwd" name="pwd"/></td><td><div id="pwdTip"></div></td></tr><tr><td><label for="repwd">重復(fù)密碼：</label></td><td><input type="password" name="repwd" id="repwd"/></td><td><div id="repwdTip"></div></td></tr><tr><td><label>性別：</label></td><td><input type="radio" name="sex" value="male" id="male"/><label for="male">男</label><input type="radio" name="sex" value="female" id="female"/><label for="female">女</label></td></tr><tr><td><label for="area">地區(qū)：</label></td><td><select name="area" id="area"><option value="0">- 請(qǐng)選擇 -</option><option value="1">錦江區(qū)</option><option value="2">金牛區(qū)</option><option value="3">龍泉驛區(qū)</option><option value="4">青羊區(qū)</option></select></td></tr><tr><td><label for="num">身份證：</label></td><td><input type="text" id="num" name="num"/></td><td><div id="numTip"></div></td></tr><tr><td><label for="phone">電話號(hào)碼：</label></td><td><input type="text" name="phone" id="phone"/></td><td><div id="phoneTip"></div></td></tr><tr><td><label for="email">郵箱：</label></td><td><input type="text" name="email" id="email"/></td><td><div id="emailTip"></div></td></tr><tr><td></td><td><input type="submit" name="submit" id="submit" value="提交"/></td><td></td></tr></tbody></table></form><script>$.formValidator.initConfig({ //用于配置當(dāng)前formValidator插件formID:"myfm",debug:false,submitOnce:true,validatorGroup : '1', //設(shè)置驗(yàn)證組，默認(rèn)值為1onSuccess : function(){ //驗(yàn)證成功后的回調(diào)函數(shù)}, onError:function(){ //驗(yàn)證失敗后的回調(diào)函數(shù)} });$('#uname').formValidator({ValidatorGroup : '1', //驗(yàn)證組為1 onEmpty : '用戶名不能為空', //提示用戶名不能為空onShow : "", onFocus : '用戶名必須為1到12位的數(shù)字或字母',//表單元素獲得焦點(diǎn)的時(shí)候提示應(yīng)輸入的格式onCorrect : '用戶名輸入正確' //輸入正確的提示}).regexValidator({regExp : '^[0-9a-zA-Z]{1,12}$', //驗(yàn)證表單輸入的正則表達(dá)式onError : '用戶名格式有誤，請(qǐng)從新輸入' //輸入錯(cuò)誤的提示}).ajaxValidator({ //驗(yàn)證輸入的用戶名是否已經(jīng)存在dataType : 'html', //請(qǐng)求數(shù)據(jù)的格式async : true, //異步方式url : 'test.php',success : function(data){if (data=='false') {return false;}else{return true;}},onError : '該用戶名已存在，請(qǐng)從新輸入',onWait : '正在對(duì)用戶名進(jìn)行合法性校驗(yàn)，請(qǐng)稍候...'});$('#pwd').formValidator({ValidatorGroup : '1',onEmpty : '密碼不能為空',onShow : "",onFocus : '密碼必須為6位以上的字母或數(shù)字',onCorrect : '密碼輸入正確'}).regexValidator({regExp : '[0-9a-zA-Z]{6,}',onError : '密碼格式有誤，請(qǐng)從新輸入'});$('#repwd').formValidator({ValidatorGroup : '1',onEmpty : '密碼不能為空',onShow : "",onFocus : '密碼必須為6位以上的字母或數(shù)字',onCorrect : '密碼輸入正確'}).regexValidator({regExp : '^[0-9a-zA-Z]{6,}$',onError : '密碼格式不正確'}).compareValidator({ //比較兩次輸入內(nèi)容是否符合下面給出的比較符號(hào)desID : 'pwd', //相比較的表單元素的ID值operateor : '=', //要比較的兩個(gè)元素之間的關(guān)系onError : '兩次密碼輸入不一致，請(qǐng)從新輸入' //不滿足以上關(guān)系的時(shí)候的提示});$('#num').formValidator({ValidatorGroup : '1',onEmpty : '身份證不能為空',onShow : '',onFocus : '請(qǐng)輸入您的身份證號(hào)',onCorrect : '身份證格式正確'}).regexValidator({regExp : '^[1-9]//d{5}[1-9]//d{3}((0//d)|(1[0-2]))(([0|1|2]//d)|3[0-1])//d{4}$',//15位身份證號(hào)碼的正則表達(dá)式/^[1-9]/d{7}((0/d)|(1[0-2]))(([0|1|2]/d)|3[0-1])/d{3}$/onError : '身份證格式有誤，請(qǐng)從新輸入'});$('#phone').formValidator({ValidatorGroup : '1',onEmpty : '手機(jī)號(hào)碼不能為空',onShow : '',onFocus : '請(qǐng)輸入您的手機(jī)號(hào)碼',onCorrect : '手機(jī)號(hào)碼格式正確',}).regexValidator({regExp : '^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$',onError : '手機(jī)號(hào)碼格式有誤，請(qǐng)從新輸入'});$('#email').formValidator({ValidatorGroup : '1',onEmpty : '郵箱地址不能為空',onShow : '',onFocus : '請(qǐng)輸入您的郵箱地址',onCorrect : '郵箱格式正確'}).regexValidator({regExp : '^//w+([-+.]//w+)*@//w+([-.]//w+)*//.//w+([-.]//w+)*$',onError : '郵箱格式有誤，請(qǐng)從新輸入'});</script></body></html>php部分代碼：<?phpheader('Content-Type:html');$name=array('Tom','ervin','Jhon');$uname=$_REQUEST['uname'];$notexit='true';for ($i=0; $i <3 ; $i++) { if ($uname==$name[$i]) {$notexit='false';break;}else{}}echo "$notexit";?>以上內(nèi)容是小編給大家介紹的jQuery formValidator表單驗(yàn)證相關(guān)知識(shí)，希望對(duì)大家有所幫助，同時(shí)感謝大家對(duì)武林網(wǎng)網(wǎng)站的支持。
新聞熱點(diǎn)
疑難解答
圖片精選
網(wǎng)友關(guān)注
