//////////////////////////////////////////////////////////////////////////////// /* *--------------- 客户端表单通用验证CheckForm(oForm) ----------------- * 功能:通用验证所有的表单元素. * 使用: * * 已实现功能: * 对text,password,hidden,file,textarea,select,radio,checkbox进行合法性验证 * *--------------- 客户端表单通用验证CheckForm(oForm) ----------------- */ /** * 正则表达式用例 * 1、^\S+[a-z A-Z]$ 不能为空 不能有空格 只能是英文字母 * 2、\S{6,} 不能为空 六位以上 * 3、^\d+$ 不能有空格 不能非数字 * 4、(.*)(\.jpg|\.bmp)$ 只能是jpg和bmp格式 * 5、^\d{4}\-\d{1,2}-\d{1,2}$ 只能是2004-10-22格式 * 6、^0$ 至少选一项 * 7、^0{2,}$ 至少选两项 * 8、^[\s|\S]{20,}$ 不能为空 二十字以上 * 9、^\+?[a-z0-9](([-+.]|[_]+)?[a-z0-9]+)*@([a-z0-9]+(\.|\-))+[a-z]{2,6}$邮件 * 10、\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*([,;]\s*\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*)* 输入多个地址用逗号或空格分隔邮件 * 11、^(\([0-9]+\))?[0-9]{7,8}$电话号码7位或8位或前面有区号例如(022)87341628 * 12、^[a-z A-Z 0-9 _]+@[a-z A-Z 0-9 _]+(\.[a-z A-Z 0-9 _]+)+(\,[a-z A-Z 0-9 _]+@[a-z A-Z 0-9 _]+(\.[a-z A-Z 0-9 _]+)+)*$ * 只能是字母、数字、下划线;必须有@和.同时格式要规范 邮件 * 13 ^\w+@\w+(\.\w+)+(\,\w+@\w+(\.\w+)+)*$上面表达式也可以写成这样子,更精练。 14 ^\w+((-\w+)|(\.\w+))*\@\w+((\.|-)\w+)*\.\w+$ */ //////////////////////////////////////////////////////////////////////////////// //主函数 function CheckForm(oForm) { var els = oForm.elements; //遍历所有表元素 for(var i=0;i //是否需要验证 if(els[i].check) { //取得验证的正则字符串 var sReg = els[i].check; //取得表单的值,用通用取值函数 var sVal = GetValue(els[i]); //字符串->正则表达式,不区分大小写 var reg = new RegExp(sReg,"i"); if(!reg.test(sVal)) { //验证不通过,弹出提示warning alert(els[i].warning); //该表单元素取得焦点,用通用返回函数 GoBack(els[i]) return false; } } } } //通用取值函数分三类进行取值 //文本输入框,直接取值el.value //单多选,遍历所有选项取得被选中的个数返回结果"00"表示选中两个 //单多下拉菜单,遍历所有选项取得被选中的个数返回结果"0"表示选中一个 function GetValue(el) { //取得表单元素的类型 var sType = el.type; switch(sType) { case "text": case "hidden": case "password": case "file": case "textarea": return el.value; case "checkbox": case "radio": return GetValueChoose(el); case "select-one": case "select-multiple": return GetValueSel(el); } //取得radio,checkbox的选中数,用"0"来表示选中的个数,我们写正则的时候就可以通过0{1,}来表示选中个数 function GetValueChoose(el) { var sValue = ""; //取得第一个元素的name,搜索这个元素组 var tmpels = document.getElementsByName(el.name); for(var i=0;i if(tmpels[i].checked) { sValue += "0"; } } return sValue; } //取得select的选中数,用"0"来表示选中的个数,我们写正则的时候就可以通过0{1,}来表示选中个数 function GetValueSel(el) { var sValue = ""; for(var i=0;i //单选下拉框提示选项设置为value="" if(el.options[i].selected && el.options[i].value!="") { sValue += "0"; } } return sValue; } } //通用返回函数,验证没通过返回的效果.分三类进行取值 //文本输入框,光标定位在文本输入框的末尾 //单多选,第一选项取得焦点 //单多下拉菜单,取得焦点 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(el.name);els[0].focus(); case "select-one": case "select-multiple":el.focus(); } } //check field function CheckField(Field) { //是否需要验证 if(Field.check) { //取得验证的正则字符串 var sReg = Field.check; //取得表单的值,用通用取值函数 var sVal = GetValue(Field); //字符串->正则表达式,不区分大小写 var reg = new RegExp(sReg); if(!reg.test(sVal)) { //验证不通过,弹出提示warning alert(Field.warning); //该表单元素取得焦点,用通用返回函数 GoBack(Field) return false; } } return true; } |
|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )
GMT+8, 2024-9-30 17:31 , Processed in 0.182727 second(s), 12 queries , Gzip On, MemCache On.
Powered by Discuz! X3.5
© 2001-2023 Discuz! Team.