强效、方便的表单通用检测JS 不错

</p> <p>// <a href="https://kunjuke.com/tag/192/" title="表单" target="_blank">表单</a><a href="https://kunjuke.com/tag/1452/" title="通用" target="_blank">通用</a><a href="https://kunjuke.com/tag/1773/" title="检测" target="_blank">检测</a><a href="https://kunjuke.com/tag/479/" title="js" target="_blank">js</a> by www.it2048.com 整理/制作 h.q.j 2007/1/10 </p> <p>//自定义属性解释(ie支持):<br /> //ii_chname：表示该数据的中文名称<br /> //ii_minsize:表示允许输入的最小长度,单位字节<br /> //ii_maxsize：表示允许输入的最大长度,单位字节<br /> //ii_type:输入的数据类型<br /> //ii_null：表示输入值是否允许为空。为yes时允许为空。<br /> //ii_compare:比交是否与某项(id)值相同 </p> <p>function chkradio(o){<br /> //判断单选<br /> for (i=0;i<o.length;i++){<br /> if (o[i].checked) return true;<br /> }<br /> return false;<br /> }<br /> function strlen(str){<br /> /* 取得字符串的字节长度 */<br /> var i;<br /> var len;<br /> len = 0;<br /> for (i=0;i255) len+=2; else len++;<br /> }<br /> return len;<br /> } </p> <p>function isnull(str){<br /> /* 检测字符串是否为空 */<br /> var i;<br /> for (i=0;i=0;i --)<br /> isum += (math.pow(2,i) % 11) * parseint(stridno.charat(17 - i),11); </p> <p> if(isum%11!=1)<br /> {<br /> //alert("非法身份证号");<br /> return false;<br /> }<br /> }<br /> else if (idcardlength==15)<br /> {<br /> sbirthday = "19" + stridno.substr(6,2) + "-" + number(stridno.substr(8,2)) + "-" + number(stridno.substr(10,2));<br /> var d = new date(sbirthday.replace(/-/g,"/"))<br /> var dd = d.getfullyear().tostring() + "-" + (d.getmonth()+1) + "-" + d.getdate();<br /> if(sbirthday != dd)<br /> {<br /> //alert("非法生日");<br /> return false;<br /> }<br /> }<br /> return true;<br /> }<br /> function isip(obj)<br /> {<br /> var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/; //ip正则<br /> if(re.test( obj ))<br /> {<br /> if( regexp.$1 <256 && regexp.$2<256 && regexp.$3<256 && regexp.$4<256) return true;<br /> }<br /> //alert("请输入合法的计算机ip地址");<br /> return false;<br /> } </p> <p>function verifyinput(input)<br /> {//检测指定自定义元素<br /> var i;<br /> var msg="";<br /> var error = false;<br /> var v=input.value;<br /> if((input.ii_null != undefined)&&(input.ii_null != "")&&(error==false)){<br /> if (input.ii_null=="no"&&isnull(v))<br /> {<br /> //为空校验<br /> msg +="*"+input.ii_chname+"值不能为空\n";<br /> error = true;<br /> }<br /> } </p> <p> if((input.ii_type != undefined)&&(input.ii_type != "")&&(error==false)){<br /> //检查类型<br /> switch(input.ii_type){<br /> case "en":<br /> if (istype(input.ii_type,v)==false){<br /> msg +="*"+input.ii_chname+"只能输入英文字符\n";<br /> error = true;<br /> }<br /> break;<br /> case "cn":<br /> if (istype(input.ii_type,v)==false){<br /> msg +="*"+input.ii_chname+"只能输入中文字符\n";<br /> error = true;<br /> }<br /> break;<br /> case "num":<br /> if (istype(input.ii_type,v)==false){<br /> msg +="*"+input.ii_chname+"值应该全为数字\n";<br /> error = true;<br /> }<br /> break;<br /> case "int":<br /> if (istype(input.ii_type,v)==false){<br /> msg +="*"+input.ii_chname+"只能输入整数\n";<br /> error = true;<br /> }<br /> break;<br /> case "date":<br /> if (istype(input.ii_type,v)==false){<br /> msg +="*"+input.ii_chname+"填写错误(参考:2000-12-28)\n";<br /> error = true;<br /> }<br /> break;<br /> case "email":<br /> if (istype(input.ii_type,v)==false){<br /> msg +="*"+input.ii_chname+"填写错误(参考:abc@163.com)\n";<br /> error = true;<br /> }<br /> break;<br /> case "card":<br /> if(iscard(v)==false){<br /> msg +="*"+input.ii_chname+"填写错误,请检查\n";<br /> error = true;<br /> }<br /> break;<br /> case "url":<br /> if (istype(input.ii_type,v)==false){<br /> msg +="*"+input.ii_chname+"填写错误(参考:http://www.xxxx.com)\n";<br /> error = true;<br /> }<br /> break;<br /> case "ip":<br /> if(isip(v)==false){<br /> msg +="*"+input.ii_chname+"填写错误,请检查\n";<br /> error = true;<br /> }<br /> break;<br /> case "id1":<br /> if (istype(input.ii_type,v)==false){<br /> msg +="*"+input.ii_chname+"填写错误(允许输入字母、数字和下划线)\n";<br /> error = true;<br /> }<br /> break;<br /> case "id2":<br /> if (istype(input.ii_type,v)==false){<br /> msg +="*"+input.ii_chname+"填写错误(允许输入中文、字母、数字和下划线)\n";<br /> error = true;<br /> }<br /> break; </p> <p> default : break;<br /> } </p> <p> } </p> <p> if((input.ii_minsize != undefined)&&(input.ii_minsize != "")&&(error==false)){<br /> if (strlen(v)parseint(input.ii_maxsize))<br /> {<br /> //最大长度校验<br /> msg +="*"+input.ii_chname+"超出最大长度("+input.ii_maxsize+"个字节)\n";<br /> error = true;<br /> }<br /> } </p> <p> if((input.ii_compare != undefined)&&(error==false)){<br /> var chv=document.getelementbyid(input.ii_compare).value;<br /> if ((chv != undefined)&&(chv != ""))<br /> {<br /> if(chv != v){<br /> msg +="*"+input.ii_chname+"与"+document.getelementbyid(input.ii_compare).ii_chname+"内容不相符，请检查\n";<br /> error = true;<br /> }<br /> }<br /> } </p> <p> if(error) alert(msg);<br /> return error;<br /> }<br /> function chkfromall(myform)<br /> { //检测所有自定义元素<br /> var i;<br /> for (i=0;i<myform.elements.length;i++)<br /> {<br /> if (myform.elements[i].ii_chname==undefined) continue;//跳过非自定义元素<br /> if (verifyinput(myform.elements[i])==true)//检测当前元素<br /> {<br /> myform.elements[i].focus();<br /> return false;<br /> }<br /> }<br /> return true;<br /> } </p> <p><title>无标题文档</title> </p> <p><!-- body,td,th { font-size: 13px; color: #666666; } .style1 {color: #ff0000} --> </p> <table width="80%" border="0" align="center" cellpadding="5" cellspacing="1" bgcolor="#cccccc"> <tr> <td height="100" valign="top" bgcolor="#ffffff">js通用表单input检测块(ie支持)</p> <p> 通过自定义每一个input的六个新属性(可省略任意个)</p> <p> //自定义属性解释(ie支持):</p> <p> //ii_chname：表示该数据的中文名称</p> <p> //ii_minsize:表示允许输入的最小长度,单位字节</p> <p> //ii_maxsize：表示允许输入的最大长度,单位字节</p> <p> //ii_type:限制输入的数据类型，有</p> <p> en(英文),cn(中文),num(实数),int(整数),date(短日期),email(邮件)</p> <p> card(身份证),url(网址),ip(ip地址),id1(英文帐号),id2(中英文帐号)</p> <p> //ii_null：表示输入值是否允许为空。为yes时允许为空。</p> <p> //ii_compare:比交是否与某项(id)值相同</p> <p> 然后有二种检测方式，</p> <p> 一是在input里直接加入onblur="verifyinput(this);" 事件，可即时检测提示</p> <p> 二是在form中onsubmit="return chkfromall(this);"，提交才检测</p> <p> 使用可以直接本页内script部份另存为form_common.js包含就可以用，解决绝大部份表单检测</p> <p> 问题，与后台编程语言无关，加快后台程序编写效率，让你我更专注于后台编写 :) </p> <p> 由于众所周知的原因，ff等貌似不支持自定义属性，暂无解决方法(鄙视一下)。要想兼容可以自</p> <p> 写chkfrom函数利用document.getelementbyid('id')和js文件内函数来检测，也会加快效率</p> <p> 这只是我的web程序设计增效工具(eff.studio)的一部份，有朋友需要的话迟点我会公开由表直接自动生成表单工具、自动建立后台(含增加、列表、编辑、删除)的class(因工作需要，暂只做asp版)<br /> 将大大加快设计效率~~~支持啦~(支持转载，拷贝不究，恳留作者信息)</td> </tr> </table> <p> <span class="style1">演示表单：</span></p> <table width="80%" border="0" align="center" cellpadding="2" cellspacing="1" bgcolor="#cccccc"> <tr> <td width="20%" height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>注册帐号：</td> <td bgcolor="#ffffff"><label> </p> <p> (帐号只能由英文、数字和下划线组成,5-16个字符)</label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>登陆密码：</td> <td bgcolor="#ffffff"><label> </p> <p> </label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>重复密码：</td> <td bgcolor="#ffffff"><label> </p> <p> </label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>真实姓名：</td> <td bgcolor="#ffffff"><label> </p> <p> (只能为中文)</label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>联系邮件：</td> <td bgcolor="#ffffff"><label> </p> <p> </label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff"><span class="style1">*</span>联系qq：</td> <td bgcolor="#ffffff"><label> </p> <p> (只能为数字)</label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff">联系地址：</td> <td bgcolor="#ffffff"><label> </p> <p> </label></td> </tr> <tr> <td height="25" align="right" bgcolor="#ffffff">自我简介：</td> <td bgcolor="#ffffff"><label><br /> <textarea name="n7" cols="50" rows="8" id="n7"><br /> (最多100个字)

[ctrl+a 全选 注:如需引入外部js需刷新才能执行]