WEB开发网      濠电姷鏁告慨鐑藉极閸涘﹥鍙忛柣鎴f閺嬩線鏌涘☉姗堝姛缂佺娀绠栭弻宥堫檨闁告挻姘ㄩ幑銏犫槈濞嗘劕顎撻梺鍛婂姇瀵爼骞栭幇顔炬/闁告挆鍕畬闂佸疇顫夐崹鍧楀箖閳哄啠鍋撻崷顓炐㈡い銉︾箞濮婂搫效閸パ€鍋撳Δ鍛;闁规崘顕ф闂佸憡娲﹂崹鎵不濞戙垺鐓曟い鎰剁稻缁€鍐┿亜鎼达紕效婵﹨娅g划娆忊枎閹冨闂備礁鎽滄慨鐢稿礉濞嗘劒绻嗛柣銏⑶圭粈瀣亜閺嶃劏澹橀柛鐐姂濮婃椽妫冨ù銈嗙⊕閹峰懘骞撻幒宥咁棜闂備礁婀遍崕銈夈€冮崱娑樼厱闁圭儤顨嗛悡鏇㈡煛閸ャ儱濡煎ù婊勭矋閵囧嫯绠涢敐鍛睄闂佸搫澶囬埀顒€纾弳鍡涙倵閿濆骸澧伴柡鍡欏█閺屟勫濞嗘垵鍩岄梺闈涙鐢帡锝炲┑瀣亗閹艰揪绲奸悽鑽ょ磽娴h娈曢柛銊ョ仢椤繒绱掑Ο璇差€撶紓浣圭☉椤戝懎鈻撻鐐╂斀妞ゆ梹鏋婚崗顒傜磼閻樿櫕宕岄柕鍡曠椤繈骞囨担鍏夋瀸濠电姷鏁告慨顓㈠磻閹捐秮褰掓晲閸モ斂鈧﹪鏌¢埀顒佺鐎n偆鍘藉┑鈽嗗灡椤戞瑩宕电€n兘鍋撶憴鍕仩闁稿氦绮鹃悘鍐⒑缂佹◤顏勵嚕閸洖鐤柣鎰暩绾惧ジ鏌涚仦鐐殤閺佸牓鎮楃憴鍕缂侇喖绻樿棟閻庨潧鎽滃Λ顖炴煙椤栧棔绀佹禒顕€鎮楀▓鍨灈闁绘牜鍘ч悾鐑芥偂鎼存ɑ顫嶅┑鈽嗗灟鐠€锕傛倵瀹曞洨纾介柛灞剧懅閸斿秵銇勯妸銉︻棞闁伙絾绻堥獮鏍ㄦ媴濮濆本鎲伴梻浣虹帛濡啴藟閹捐姹查悗锝庡枟閻撶喐淇婇妶鍌氫壕闂佺粯顨呭Λ妤呭煝閹炬緞鏃堝川椤旇瀚奸梺鑽ゅТ濞茬娀鍩€椤掑啯鐝柣蹇婂亾闂傚倷绀侀幖顐﹀箠閹邦厽鍙忛柟缁㈠枟閸嬧晠鏌i妶搴$仜濞存粌缍婇弻鐔兼倻濡偐鐣洪梺鍝勬噺缁诲牆顫忓ú顏咁棃婵炴垶鑹鹃。鍝勨攽閳藉棗浜濋柣鐔叉櫊閵嗕礁鈻庨幒鏃傛澑闂佸搫鍟崐濠氭儊閸儲鈷戞慨鐟版搐閻忓弶绻涙担鍐插椤╃兘鏌ㄩ弴鐐测偓褰掓偂閺囥垺鐓忓┑鐐茬仢閸斻倝鏌涢埡瀣ɑ妞ゃ劊鍎甸幃娆撳级閹存繍娼氭俊銈囧Х閸嬬偤鏁冮姀銈冣偓浣糕枎閹炬潙娈愰梺鍐叉惈椤戝洭鐛姀銈嗏拻闁稿本鐟︾粊鐗堛亜椤愩埄妲搁柣锝呭槻铻i柤娴嬫櫇閻撳顪冮妶鍡橆梿闁跨喆鍎茬粋宥堛亹閹烘挾鍘甸梺缁樺灦钃遍悘蹇e幖闇夋繝濠傚暟缁夌儤鎱ㄦ繝鍛仩缂佽鲸甯掕灒闁惧繘鈧稒顢橀梻鍌欑劍鐎笛兠哄澶婄柧婵炴垶绮庢禍閬嶆⒒娴e憡鍟炴繛璇х畵瀹曞綊鏌嗗鍛幈闂佺鎻梽鍕偂濞嗘挻鐓犳繛鏉戭儐濞呭懎霉閻樺磭鐭婇柍瑙勫灴閸ㄩ箖鎮欓挊澶夊垝闂備浇顕栭崰妤呫€冮崨鏉戠叀濠㈣埖鍔曠粻鎶芥煙閹屽殶鐟滄澘娲ㄧ槐鎾诲磼濞嗘垼绐楅梺鍝ュУ閻楃娀銆侀弽顓炲窛闁圭⒈鍘介弲锝夋⒑缁嬭法绠抽柛妯犲懏顐介柣鎰節缁诲棙銇勯弽銊х煂閻㈩垱绋掔换娑㈠川椤撶喎鏋犲┑顔硷功缁垶骞忛崨瀛樺仭闂侇叏绠戝▓婵堢磽閸屾瑦绁版い鏇嗗洤纾归柛顭戝櫘閸ゆ洜绱撴担璐細缂佲檧鍋撻梻浣规偠閸庮垶宕濆鍛瀺闁搞儺鍓氶埛鎴犵磼鐎n偄顕滄繝鈧幍顔剧<閻庯綆鍋呭畷宀€鈧娲忛崹浠嬪箖娴犲宸濆┑鐘插楠炴姊洪悷鏉挎倯闁伙綆浜畷瑙勭節濮橆剛鍘愰梺鍝勬储閸ㄦ椽鎮¢妷锔藉弿婵☆垰鐏濋悡鎰版煟閹捐泛鏋涢柣鎿冨亰瀹曞爼濡烽妷銉バ戠紓鍌欑椤戝牆鐣烽悽鍨潟闁圭儤姊荤壕鍏间繆椤栨繂浜归柣锝堟缁辨挻鎷呴搹鐟扮缂備浇顕ч悧鍡涙偩瀹勯偊娼ㄩ柍褜鍓氭穱濠傤潰瀹€濠冃ㄧ紓鍌欐祰妞村摜鎹㈤崼婵愭綎缂備焦蓱婵绱掑☉姗嗗剰婵炲牊鍔欏娲箹閻愭彃顬嗛梺鍛婎殔閸熷潡鎮鹃悜绛嬫晬闁绘劘灏欐鍥⒑閻熼偊鍤熷┑顕€娼ч埢鎾淬偅閸愨斁鎷虹紓鍌欑劍钃遍柍閿嬪浮閺屽秴鐣¢幍顔尖叺閻庢鍣崑濠傜暦閹烘鍊烽悗鐢登归獮鍫ユ⒒娴g懓鈻曢柡渚囧櫍瀹曟垿骞樼紒妯煎幐闂佸憡渚楅崰姘跺箠閸涱喕绻嗛柛娆忣槸婵洭鎽堕敐澶嬪仩婵炴垶甯掓晶鏌ユ煛閸屾浜鹃梻鍌氬€烽懗鍓佸垝椤栫偛绀夐柡鍥╁€i悢鍝ョ瘈闁搞儜鍐╁劒闂備胶绮弻銊╂儍濠靛缁╅柤鎭掑劘娴滄粓鏌¢崘銊﹀妞ゃ儱顦甸弻娑㈠棘鐠囨祴鍋撳┑瀣闁割偅娲橀崐鐑芥煟閹寸偍缂氶柛姗€浜跺娲传閸曨剙鍋嶉梺鍛婃煥閺堫剟寮查崼鏇ㄦ晬闁绘劕顕崢鍗炩攽閻愬弶顥滅紒缁樺笧缁粯绻濆顓犲幐闁诲繒鍋熼弲顐f櫏闁诲氦顫夊ú锕傚磻婵犲倻鏆﹂柣鏃傗拡閺佸棝鏌嶈閸撴瑩鍩㈠澶嬫櫜闁搞儮鏅濋敍婵囩箾鏉堝墽绋荤憸鏉垮暞缁傚秹鎮欓鍌滅槇闂侀潧楠忕徊鍓ф兜閻愵兙浜滈柟瀛樼箖瀹告繄绱掗鍓у笡闁靛牞缍佸畷姗€鍩¢崘銊ョ闂備浇顕х€涒晝绮欓幒鎴犲箵閻犳亽鍔庢稉宥嗘叏濡炶浜鹃梺鍝勮閸斿矂鍩ユ径濞㈢喐寰勯惂鍝ョɑ闁靛洤瀚版俊鎼佹晲閸涱厼袝闂備浇顕栭崰妤呮偡閳哄懌鈧線寮崼婵堫槹濡炪倖鎸荤换鍕矆閸曨垱鈷掗柛灞剧懄缁佺増銇勯弴鐔哄⒌鐎规洑鍗冲浠嬵敃閵堝浂妲稿┑鐘垫暩婵挳宕愭繝姘辈闁挎洖鍊归悡娆愩亜閺嶎偄浠滃ù婊呭娣囧﹪鎳犳0婵嗘闂佸疇顫夐崹鍧楀春閸曨垰绀冮柕濞у懌鍋″┑锛勫亼閸娿倝宕㈡ィ鍐ㄧ婵☆垯璀﹂崵鏇㈡偣閸ャ劎銈存俊鎻掔墦閺屾洝绠涢弴鐑嗘綌闂佸啿鎼幊蹇涙偂韫囨搩鐔嗛悹楦挎婢ф洟鏌涢弮鈧幐鎶藉蓟濞戙垹妫樻繛鍡欏亾妤旂紓鍌欐祰妞存悂骞愭繝姘闁告侗鍨抽惌娆撳箹鐎涙ɑ灏ù婊堢畺閺屾稑鈹戦崟顐㈠Б闂佹椿鍘介幐楣冨箟閹间焦鍋嬮柛顐g箘閻熴劑姊洪崫鍕靛剮缂佽埖宀稿濠氭偄閻撳海顦悷婊冪箳閺侇喖鈽夐姀锛勫幐闂佸憡渚楅崰妤呭磹閹扮増鐓涢悘鐐额嚙婵倿鏌熼鍝勨偓婵嗙暦閹烘垟妲堟慨妤€妫旂槐锟� ---闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌i幋锝呅撻柛濠傛健閺屻劑寮崼鐔告闂佺ǹ顑嗛幐鍓у垝椤撶偐妲堟俊顖氭惈缁犺鈹戦悙鍙夆枙濞存粍绮撻幃鈥斥槈閵忥紕鍘卞┑鐐村灥瀹曨剟鐛Ο姹囦簻闁哄倹瀵чˉ銏℃叏婵犲懏顏犻柟鐟板婵℃悂濡烽敂鎯х稈闂傚倷鑳堕幊鎾诲吹閺嶎厼绠柨鐕傛嫹
开发学院网页设计JavaScript JS form表单提交时的简单验证 阅读

JS form表单提交时的简单验证

 2012-06-04 16:45:07 来源:WEB开发网 闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾剧懓顪冪€n亜顒㈡い鎰Г閹便劌顫滈崱妤€骞婄紓鍌氬€瑰銊╁箟缁嬫鍚嬮柛顐線缂冩洟姊婚崒娆戭槮婵犫偓闁秵鎯為幖娣妼缁愭鏌″搴′簽濞戞挸绉甸妵鍕冀椤愵澀娌梺缁樻尪閸庣敻寮婚敐澶婂嵆闁绘劖绁撮崑鎾诲捶椤撴稑浜炬慨妯煎亾鐎氾拷闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾剧懓顪冪€n亝鎹i柣顓炴閵嗘帒顫濋敐鍛婵°倗濮烽崑娑⑺囬悽绋挎瀬闁瑰墽绮崑鎰版煙缂佹ê绗ч柍褜鍓﹂崣鍐潖閸濆嫅褔宕惰娴犲ジ姊虹拠鑼闁煎綊绠栭幃楣冩倻閽樺鎽曢梺闈涱檧婵″洭宕㈤悽鍛娾拺閻熸瑥瀚烽崯蹇涙煕閻樺磭澧甸柕鍡楀€圭缓浠嬪川婵犲嫬骞堥梺纭呭閹活亞妲愰弴鐔哄ⅰ闂傚倷绶氬ḿ褍煤閵堝洠鍋撳顐㈠祮闁绘侗鍣i獮鎺懳旈埀顒傜不閿濆棛绡€闂傚牊绋戦弳娆徝瑰⿰鍫㈢暫闁哄矉缍佹慨鈧柍鎯版硾濠€杈ㄧ珶閺囩喓绡€婵﹩鍘鹃崢鐢告⒑缂佹ê濮﹂柛鎾村哺閹ɑ娼忛妸銈囩畾闂佸湱绮敮鐐存櫠濞戞氨纾肩紓浣贯缚濞插鈧娲栧畷顒冪亙闂佸憡鍔曢崯鐘诲礈濠靛牊宕叉繛鎴炨缚閺嗗棗鈹戦悩杈厡闁轰焦鐗滅槐鎾存媴娴犲鎽甸梺鍦嚀濞层倝鎮鹃悜钘夌闁规惌鍘介崓鐢告⒑閻熸澘鎮侀柣鎺炵畵閹骞栨担鍏夋嫽婵炶揪绲块崕銈夊吹閳ь剟姊洪幖鐐测偓鏍偋閻樿崵宓侀煫鍥ㄧ⊕閺呮悂鏌ㄩ悤鍌涘濠电姷鏁告慨鐑藉极閸涘﹥鍙忛柣鎴f閺嬩線鏌涘☉姗堟敾闁告瑥绻戦妵鍕箻閸楃偟浠肩紓浣哄閸ㄥ爼寮诲☉銏犵疀闂傚牊绋掗悘鍫ユ倵閻熺増鍟炵紒璇插暣婵$敻宕熼姘鳖啋闁诲酣娼ч幗婊堟偩婵傚憡鈷戠痪顓炴媼濞兼劖绻涢懠顒€鏋庢い顐㈢箳缁辨帒螣閼测晜鍤岄梻渚€鈧偛鑻晶顔肩暆閿濆牆鍔垫い锔界叀閹繝濡舵径瀣帾闂佸壊鍋呯换鍐磻椤忓懐绠剧€瑰壊鍠曠花濠氬箚閻斿吋鈷戦悗鍦У閵嗗啴鏌ら崘鑼煟鐎规洘绻堥弫鍐焵椤掑嫧鈧棃宕橀鍢壯囨煕閳╁喚娈橀柣鐔稿姍濮婃椽鎮℃惔鈩冩瘣闂佺粯鐗曢妶绋跨暦閻戞ḿ绡€闁搞儜鍐ㄧギ闂備線娼ф蹇曟閺囥垹鍌ㄦい蹇撶墛閳锋垿鏌熼懖鈺佷粶闁告梹顨婇弻锟犲川椤旈敮濮囩紓浣稿€圭敮鐔妓囩€靛摜纾奸弶鍫涘妼缁楁碍绻涢悡搴g闁糕斁鍓濋幏鍛存煥鐎e灚缍楅梻鍌氬€峰ù鍥ь浖閵娾晜鍊块柨鏇炲€哥粻鏌ユ煕閵夘喖澧柡瀣╃窔閺岀喖宕滆鐢盯鏌¢崨顔藉€愰柡灞诲姂閹倝宕掑☉姗嗕紦闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾剧懓顪冪€n亜顒㈡い鎰Г閹便劌顫滈崱妤€骞婄紓鍌氬€瑰銊╁箟缁嬫鍚嬮柛顐線缂冩洟姊婚崒娆戭槮婵犫偓闁秵鎯為幖娣妼缁愭鏌″搴′簽濞戞挸绉甸妵鍕冀椤愵澀娌梺缁樻尪閸庣敻寮婚敐澶婂嵆闁绘劖绁撮崑鎾诲捶椤撴稑浜炬慨妯煎亾鐎氾拷  闂傚倸鍊搁崐鎼佸磹閹间礁纾归柟闂寸绾惧綊鏌i幋锝呅撻柛銈呭閺屻倝宕妷锔芥瘎婵炲濮靛銊ф閹捐纾兼繛鍡樺笒閸橈紕绱撴笟鍥ф珮闁搞劌鐖兼俊鎾礃椤旂厧绐涢梺鍝勵槹閸ㄥ綊宕㈠ú顏呭€垫鐐茬仢閸旀碍銇勯敂璇茬仸鐎规洩绻濋獮搴ㄦ嚍閵壯冨妇闂傚⿴鍋勫ú锕€煤閺嶃劎澧¢梻鍌欐祰椤曆呪偓鍨浮瀹曟粓鎮㈡總澶嬬稁闂佹儳绻愬﹢杈╁閸忛棿绻嗘い鏍ㄧ閹牊銇勯銏㈢劯婵﹥妞藉畷鐑筋敇濞戞瑥鐝遍梻浣呵归鍛涘┑瀣畾闁逞屽墯閵囧嫯绠涢幘瀵搞偐濠碘槅鍨扮€氭澘顫忓ú顏勪紶闁告洦鍓氶幏鍗炩攽閻愭彃绾у畝锝呮健楠炴垿濮€閻橆偅鏂€婵犵數濮寸€氼噣寮堕幖浣光拺闁告繂瀚婵嗏攽椤旀儳鍘撮柟顔诲嵆婵$兘鍩¢崒妤佸濠电偠鎻徊浠嬪箹椤愩倖鏆滈悹杞拌閻斿棝鏌i悢宄扮盎闁衡偓閼姐倗纾奸柛灞炬皑瀛濆Δ妤婁簷閸楀啿鐣烽悡搴僵闁挎繂鎳嶆竟鏇㈡⒑閸濆嫬鏆欓柣妤€妫涚划鍫ュ礃閳瑰じ绨婚棅顐㈡搐濞寸兘藝閿曗偓闇夋繝濠傜墢閻f椽鏌$仦璇插闁宠鍨垮畷鍗炩槈閹典礁浜炬俊銈傚亾妞ゎ叀鍎婚¨渚€鏌涢悩宕囧⒌婵犫偓娓氣偓濮婅櫣绱掑Ο鏇熷灴閹兘濡疯閸嬫挸顫濋悡搴㈢亾缂備緡鍠氱划顖炲Χ閿濆绀冮柍鍝勫暙楠炲牊淇婇悙顏勨偓鏍礉閹达箑纾归柡鍥ュ灩閸戠娀骞栧ǎ顒€濡介柣鎾跺枛閻擃偊宕惰閸庡繘鏌涢弮鈧划鎾诲蓟閺囥垹鐐婄憸宥夘敂椤撶姭鍋撳▓鍨灍婵炲吋鐟ㄩ悘鎺楁⒑閸涘﹦绠撻悗姘煎墲椤ゅ倹绻濈喊澶岀?闁稿鍨垮畷鎰板箣閿曗偓閸ㄥ倹绻涘顔荤凹闁稿绻濋弻宥夊传閸曨剙娅g紓浣哄У閻楃娀寮诲澶婄厸濞达絽鎲″▓鏌ユ⒑缁嬫寧鎹i柛鐘崇墵瀵寮撮姀鐘靛€為悷婊冪Ф閼鸿鲸绻濆顓犲幍闂佸憡鍨崐鏍偓姘炬嫹
核心提示:* options:{ * pid:"" --- 要验证的input的父id,必须是id,JS form表单提交时的简单验证,写法为:#id * input_array:[ -- input_array是要进行验证的input组件的数组 *

* options:{
* pid:"" --- 要验证的input的父id,必须是id,写法为:#id
* input_array:[ -- input_array是要进行验证的input组件的数组
* {
* name:["#text1","#text2"], -- 必须 一个或多个,input组件的名字,是一个数组(多个组件的用同一个规则验证)
* reg:null, -- 不必须 自定义函数,函数必须返回来true or false
* length:10, -- 不必须 数字长度,type为6时必须传入
* type:[0,1,2...] -- 必须,一个或多个,验证类型
0 代表 非空
1 代表 纯数字
2 代表 email
3 代表 浮点型
4 代表 金钱
5 代表 数字或字母或数字字母混合体
6 代表 长度
7 代表 qq号码
8 代表 手机号码
9 代表 中文
10 代表 邮编
11 代表 字符
12 代表 字符\数字\_开头
13 代表 url
14 代表 自定义
15 代表 通过ajax去验证
* }...
* ]
* }
*@return: result_array 数组 每个元素是一个json字符串格式: {"name":"#name","result":[{"type":1,"re":false}...]}

JS代码:
//{pid:"#form",input_array:[{name:["#name","#content"],reg:v,length:10,type:[1,2]},{name:["#con1"],length:10,type:[1]}],nullrela:1};
/**
  *@author:郑允安
  *@email:zhengyun_an@163.com
  *@version 1.0
  *@param:
  *       options:{
  *					pid:"" --- 要验证的input的父id,必须是id,写法为:#id
  *					input_array:[ -- input_array是要进行验证的input组件的数组	
  *	                              {
  *	  								name:["#text1","#text2"], -- 必须 一个或多个,input组件的名字,是一个数组(多个组件的用同一个规则验证) 
  *                                 reg:null, -- 不必须 自定义函数,函数必须返回来true or false
  *                                 length:10, -- 不必须 数字长度,type为6时必须传入
  *                                 type:[0,1,2...] -- 必须,一个或多个,验证类型 
										  0 代表 非空
										  1 代表 纯数字
										  2 代表 email
										  3 代表 浮点型
										  4 代表 金钱
										  5 代表 数字或字母或数字字母混合体
										  6 代表 长度
										  7 代表 qq号码 
										  8 代表 手机号码
										  9 代表 中文
										  10 代表 邮编
										  11 代表 字符
										  12 代表 字符\数字\_开头
										  13 代表 url
										  14 代表 自定义
										  15 代表 通过ajax去验证
  *                                }...
  *	                            ]
  *				  }
  *@return: result_array 数组 每个元素是一个json字符串格式: {"name":"#name","result":[{"type":1,"re":false}...]}
  * 
  */
	$.extend({
	  inputValidate:function(options) {	
	  	  inputValidateVerion2.options=options;
		  return inputValidateVerion2._startValidate();;
		}
	})		
	var inputValidateVerion2 = {
		options:{
			pid:"",
			input_array:[{name:[],reg:null,length:0,type:[],url:''}]			
		},
		_startValidate:function(){		
			input_obj_array = this._getInputObjsArray(this.options.pid,this.options.input_array);
			result_array=[];
			if(input_obj_array!=null&&input_obj_array.length>0){
				a_len = input_obj_array.length; 								
				for(var i=0;i<a_len;i++){					
					name = input_obj_array[i][0];				
					reg = input_obj_array[i][1];
					len = input_obj_array[i][2];
					type = input_obj_array[i][3];					
					t_len = type.length;
					t_re_json = new StringBuffer();					
					t_re_json_sub = new StringBuffer();					
					for(var j=0;j<t_len;j++){						
						validate.options={type:type[j],reg:reg,value:$(name).val(),length:len};
						result = validate._control();					
						if(result!=null&&result.length>0){
							if(result[1]==false){							  
								t_re_json_sub.append('{');
								t_re_json_sub.append('"type":"');
								t_re_json_sub.append(result[0]);
								t_re_json_sub.append('","re":"');
								t_re_json_sub.append(result[1])	
								t_re_json_sub.append('"');
								t_re_json_sub.append('},');																											
							}
						}					
					}
					if(t_re_json_sub.toString().length>0){
						t_re_json.append('{"name":"');
						t_re_json.append(name);
						t_re_json.append('","result":[');
						t_re_json.append(t_re_json_sub.toString().substring(0,t_re_json_sub.toString().length-1));
						t_re_json.append(']}');
						result_array.push(t_re_json.toString());
					}										
				}				
			}			
			return result_array;
		},
		_getInputObjsArray:function(pid,input_objs){		
			obj_array = [];
			if($.trim(pid)!=""){
				var p_obj = $(pid);
				if(p_obj!=undefined){					
					if(input_objs!=null&&input_objs.length>0){
						len = input_objs.length;						
						for(var i=0;i<len;i++){
							names = input_objs[i].name;
							n_len = names.length;							
							for(var j=0;j<n_len;j++){								 														
							  obj_array.push([names[j],input_objs[i].reg,input_objs[i].length,input_objs[i].type]);
							}
						}					
					}else{
						alert('input_objs is null or length is 0!');
					}					
				}else{
					alert('p_objs is null or undefined!');
				}
			}
			return obj_array;
		}
	};	
	var validate = {		    
			options:{type:1,value:"",length:0,reg:null},
			_control:function(){
				result = [];
				result.push(this.options.type);			
				if(this.options.type==0){
					result.push(this._nullV(this.options.value));
				}else if(this.options.type==1){//数字 测试通过
					result.push(this._numV(this.options.value));
				}else if(this.options.type==2){//email 测试通过
					result.push(this._emailV(this.options.value));
				}else if(this.options.type==3){//浮点型 测试通过
					result.push(this._floatV(this.options.value));
				}else if(this.options.type==4){//金钱 未测试
					result.push(this._moneyV(this.options.value));
				}else if(this.options.type==5){//数字或字母或数字字母混合体 测试通过
					result.push(this._numstrV(this.options.value));
				}else if(this.options.type==6){//长度 测试通过
					result.push(this._lengthV(this.options.value,this.options.length));
				}else if(this.options.type==7){//qq号码 测试通过
					result.push(this._qqV(this.options.value));
				}else if(this.options.type==8){//手机号码 测试通过
					result.push(this._mobileV(this.options.value));
				}else if(this.options.type==9){//中文 测试通过
					result.push(this._chinaV(this.options.value));
				}else if(this.options.type==10){//邮编 测试通过
					result.push(this._postIdV(this.options.value));
				}else if(this.options.type==11){//字符 测试通过
					result.push(this._strV(this.options.value));
				}else if(this.options.type==12){//字符\数字\_开头 测试通过
					result.push(this._beginNumStrV(this.options.value));
				}else if(this.options.type==13){//url 测试通过 
					result.push(this._urlV(this.options.value));
				}else if(this.options.type==14){//自定义 测试通过 
					if($.type(this.options.reg)=='function'){
						result.push(this.options.reg(this.options.value));
					}else{
						alert('reg is not function!');
					}
				}else{
					alert('type is error!');
				}				
				return result;
			},
			_numV:function(value){				
				var pattern = /^[\d]+$/;						
				var re = pattern.test(value);					
				return re;
			},
			_emailV:function(value){
				var pattern = /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/;
				var re = pattern.test(value);
				return re;
			},
			_nullV:function(value){
				re = false;
				try{
					if(value!=null&&value!=undefined&&$.trim(value)!=""){
						re=true;
					}
				}catch(e){
				}
				return re;
			},
			_floatV:function(value){
				var pattern = /^[1-9][0-9]*\.[0-9]+$/;
				var re = pattern.test(value);
				return re;
			},
			_moneyV:function(value){
				return false;
			},
			_strV:function(value){
				 var pattern=/^[a-zA-Z]+$/;;
				 var re = pattern.test(value);
 				 return re;
			},
			_beginNumStrV:function(value){
				 var pattern=/^([0-9a-zA-z_]{1})([\w]*)$/;
				 var re = pattern.test(value);				
				 return re;
			},
			_numstrV:function(value){
				 var pattern=/^[A-Za-z0-9]+$/;				
				 var re = pattern.test(value);								
 				 return re;
			},
			_lengthV:function(value,len){
				re = false;				
				if(value!=null&&value!=""&&value.length<=parseInt(len)){
					re = true;
				}				
				return re;				
			},
			_qqV:function(value){
				var pattern = /^[1-9]\d{4,8}$/;
				var re = pattern.test(value);
				return re;
			},
			_mobileV:function(value){
				var pattern = /^0?(13[0-9]|15[012356789]|18[0236789]|14[57])[0-9]{8}$/;
				var re = pattern.test(value);
				return re;
			},
			_chinaV:function(value){
			    var pattern=/^[\Α-\¥]+$/;
				var re = pattern.test(value);
				return re;
			},
			_postIdV:function(value){
				var pattern=/^\d{6}$/;
				var re = pattern.test(value);
				return re;
			},
			_urlV:function(value){
				var pattern=/^(http\:\/\/)?([a-z0-9][a-z0-9\-]+\.)?[a-z0-9][a-z0-9\-]+[a-z0-9](\.[a-z]{2,4})+(\/[a-z0-9\.\,\-\_\%\?\=\&]?)?$/i;
				var re = pattern.test(value);
				return re;
			}
		};
JS util.js源代码:
function StringBuffer() {
	this.__strings__ = [];
}
StringBuffer.prototype.append = function (str) {
	this.__strings__.push(str);
};
StringBuffer.prototype.toString = function () {
	return this.__strings__.join("");
};

Test静态页面:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript" language="javascript" src="/js/jquery/jquery1.5.js"></script>
<script type="text/javascript" language="javascript" src="/js/util.js"></script>
<script type="text/javascript" language="javascript" src="/js/inputValidateVerion2.js"></script>
</head>
<body>
<div>
	<form id="form">
    	name:<input name="name" id="name" />
        <br/>
        content:<input name="content" id="content"/>
        <br/>
        con1:<input name="con1" id="con1"/>
        <br/>
        <input type="submit" value="提交"/>
    </form>
    <div id="contentDiv">
    
    </div>
</div>
<script>
$(function(){
	$("#form").bind("submit",function(){
		 function v(text){return false;}
		 function v1(text){return true;}
		  var result_array = $.inputValidate({pid:"#form",input_array:[{name:["#name"],reg:v,length:3,type:[0,6]},{name:["#content"],reg:v1,length:5,type:[0,6]},{name:["#con1"],length:10,type:[0,6]}]});
		  if(result_array.length==0){
			  this.submit();			  
		  }else{			
			var len = result_array.length;
			var result_str = new StringBuffer();
			for(var i=0;i<len;i++){
				var r_a = result_array[i];
				var obj = $.parseJSON(r_a);
				name = obj.name;				
				re = obj.result;
				o_len = re.length;
				for(var j=0;j<o_len;j++){
					type = re[j].type;
					b_re = re[j].re;
					result_str.append(" name ... "+name+" type ... "+type + " re ... "+b_re);									
				}					
			}
			$("#contentDiv").text(result_str.toString());	
			return false;
		  }	  
		});
})
</script>
</body>
</html>

Tags:JS form 表单

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接