JavaScript通用表單驗(yàn)證函數(shù)

1、js通用表單驗(yàn)證函數(shù) 2009-05-01 19:57:28標(biāo)簽：Web *Check.js* / /* *- 客戶端表單通用驗(yàn)證CheckForm(oForm - * 功能:通用驗(yàn)證所有的表單元素. * 使用: * * * * * author:wanghr100(灰豆寶寶.net * email:wanghr100 * update:19:28 2004-8-23 * 注意:寫(xiě)正則表達(dá)式時(shí)一定要小心.不要讓有心人有空子鉆. * 已實(shí)現(xiàn)功能: * 對(duì)text,password,hidden,file,textarea,select,radio,checkbox進(jìn)行合法性驗(yàn)證 * 待實(shí)現(xiàn)功能:

2、把正則表式寫(xiě)成個(gè)庫(kù). *- 客戶端表單通用驗(yàn)證CheckForm(oForm - */ / /主函數(shù) function CheckForm(oForm var els = oForm.elements; /遍歷所有表元素 for(var i=0;i /是否需要驗(yàn)證 if(elsi.check /取得驗(yàn)證的正則字符串 var sReg = elsi.check; /取得表單的值,用通用取值函數(shù) var sVal = GetValue(elsi; /字符串-正則表達(dá)式,不區(qū)分大小寫(xiě) var reg = new RegExp(sReg,i; if(!reg.test(sVal /驗(yàn)證不通過(guò),彈出提示

3、warning alert(elsi.warning; /該表單元素取得焦點(diǎn),用通用返回函數(shù) GoBack(elsi return false; /通用取值函數(shù)分三類進(jìn)行取值 /文本輸入框,直接取值el.value /單多選,遍歷所有選項(xiàng)取得被選中的個(gè)數(shù)返回結(jié)果00表示選中兩個(gè) /單多下拉菜單,遍歷所有選項(xiàng)取得被選中的個(gè)數(shù)返回結(jié)果0表示選中一個(gè) function GetValue(el /取得表單元素的類型 var sType = el.type; switch(sType case text: case hidden: case password: case file: case texta

4、rea: return el.value; case checkbox: case radio: return GetValueChoose(el; case select-one: case select-multiple: return GetValueSel(el; /取得radio,checkbox的選中數(shù),用0來(lái)表示選中的個(gè)數(shù),我們寫(xiě)正則的時(shí)候就可以通過(guò)01,來(lái)表示選中個(gè)數(shù) function GetValueChoose(el var sValue = ; /取得第一個(gè)元素的name,搜索這個(gè)元素組 var tmpels = document.getElementsByName(el

5、.name; for(var i=0;i if(tmpelsi.checked sValue += 0; return sValue; /取得select的選中數(shù),用0來(lái)表示選中的個(gè)數(shù),我們寫(xiě)正則的時(shí)候就可以通過(guò)01,來(lái)表示選中個(gè)數(shù) function GetValueSel(el var sValue = ; for(var i=0;i /單選下拉框提示選項(xiàng)設(shè)置為value= if(el.optionsi.selected & el.optionsi.value!= sValue += 0; return sValue; /通用返回函數(shù),驗(yàn)證沒(méi)通過(guò)返回的效果.分三類進(jìn)行取值 /文本輸入框,光標(biāo)

6、定位在文本輸入框的末尾 /單多選,第一選項(xiàng)取得焦點(diǎn) /單多下拉菜單,取得焦點(diǎn) function GoBack(el /取得表單元素的類型 var sType = el.type; switch(sType case text: case hidden: case password: case file: case textarea: el.focus(;var rng = el.createTextRange(; rng.collapse(false; rng.select(; case checkbox: case radio: var els = document.getElementsByName(;els0.focus(; case select-one: case select-multiple:el.focus(; 通用表單函數(shù)測(cè)試: test:不驗(yàn)證 賬號(hào):不能為空 密碼:六位以上 電話: 相片上傳:1 出生日期:日期格式2004-08-10 省份: 加入這句話來(lái)糾正某些編碼器產(chǎn)生的幀速錯(cuò)誤請(qǐng)選擇所在省份 if(pCodecCtx-frame_rate1000 &