JS 表单验证大全

1.只能输入数字和英文的： <input onkeyup="value=value.replace(/[/W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" ID="Text1" NAME="Text1"> 2.只能输入数字的： <input onkeyup="value=value.replace(/[^/d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))" ID="Text2" NAME="Text2"> 3.只能输入全角的： <input onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,''))" ID="Text3" NAME="Text3"> 4.只能输入汉字的： <input onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,''))" ID="Text4" NAME="Text4"> -------------------------------------------------------------------------------- 验证非法字符，sql function vdf() { var i,j,name,value,message,length,type,a=vdf.arguments,cb_name; for (i=0; i<(a.length-2); i+=3) { if (a[i].indexOf('#')!=-1) { name=fob(a[i].substr(0,a[i].indexOf('#'))); cb_name=fob(a[i].substr((a[i].indexOf('#')+1),a[i].length)); } else { name=fob(a[i]); // 控件名称 } message=a[i+1]; // 提示信息 type=a[i+2]; // 类型 if (type!="r_time") { value=name.value.replace(/ +/g, ""); // 控件值 } else { value=name.value; } } -------------------------------------------------------------------------------- // ===============判断复选框是否选中================ // if (type=="r_cb") { e=document.forms(0).elements; var flag=false; for (i=0;i<e.length;i++) { if (e[i]!=cb_name) { if (e[i].checked==true) { flag=true; break; } } if (i==e.length-1) { break; } } if (flag==false) { alert(message+"!/n"); //为空时出现的提示 return false; } } // ===============判断下拉框是否选择================ // if (type=="r_sl") { if (name.selected==false) { alert(message+"!/n"); //为空时出现的提示 return false; } } // ===============不能为空的判断================ // if (type=="r") { if (value=="") // 判断是否为空 { alert(message+"!/n"); //为空时出现的提示 name.focus(); name.select(); return false; } } // ===============不能为空的判断,但不获得焦点================ // if (type=="o_r") { if (value=="") // 判断是否为空 { alert(message+"!/n"); //为空时出现的提示 return false; } } // ===============只能输入中文================ // if (type=="r_china") { if (value.search(/^[/u4e00-/u9fa5]+$/)==-1) { alert(message+"!/n"); // 判断不能为空 name.focus(); name.select(); return false; } } // ===============不能为空,必须是数字或者字符判断================ // if (type=="r_num_char") { if (value=="") { alert(message+"!/n"); //为空时出现的提示 name.focus(); name.select(); return false; } if (value.search(/^[0-9a-zA-Z]+$/)==-1) { alert(message+"!/n"); //为空时出现的提示 name.focus(); name.select(); return false; } } // ===============可以为空，不为空时，填数字================ // if (type=="num") { if (value.search(/^[0-9]+$/)==-1 && value!="") { alert(message+"!/n"); // 判断不能为空 name.focus(); name.select(); return false; } } // ===============不能为空,必须是数字判断================ // if (type=="r_num") { if (value=="") { alert(message+"!/n"); name.focus(); name.select(); return false; } if (value.search(/^[0-9]+$/)==-1) { alert(message+"!/n"); // 判断不能为空 name.focus(); name.select(); return false; } } // ===============必须输入小于n的数字================ // if (type.indexOf("r_num<")!=-1) { length=type.substring((type.indexOf('<')+1),type.length); // 获得rn<后面的数 if (value=="") // 为空做的提示 { alert(message+"!/n"); name.focus(); name.select(); return false; } if (value.search(/^[0-9]+$/)==-1) // 不是数字做的提示 { alert(message+"!/n"); name.focus(); name.select(); return false; } if (value.length>length) // 限制数字长度做的限制 { alert(message+"!/n"); name.focus(); name.select(); return false; } } // ===============必须输入大于n的数字================ // if (type.indexOf("r_num>")!=-1) { length=type.substring((type.indexOf('>')+1),type.length); // 获得rn<后面的数 if (value=="") // 为空做的提示 { alert(message+"!/n"); name.focus(); name.select(); return false; } if (value.search(/^[0-9]+$/)==-1) // 不是数字做的提示 { alert(message+"!/n"); name.focus(); name.select(); return false; } if (value.length<length) // 限制数字长度做的限制 { alert(message+"!/n"); name.focus(); name.select(); return false; } } // ===============必须输入a-b位之间的数字================ // if (type.indexOf("r_num#<>")!=-1) { length=type.substr((type.indexOf('>')+1),type.length); length=length.substr(0,length.lastIndexOf("-")); length1=type.substring((type.indexOf('-')+1),type.length) // 获得rn<后面的数 if (value=="") // 为空做的提示 { alert(message+"!/n"); name.focus(); name.select(); return false; } if (value.search(/^[0-9]+$/)==-1) // 不是数字做的提示 { alert(message+"!/n"); name.focus(); name.select(); return false; } if (value.length<length || value.length>length1) // 限制数字长度做的限制 { alert(message+"!/n"); name.focus(); name.select(); return false; } } // ===============不能为空,必须是float类型================ // if (type=="r_float") { if (value=="") { alert(message+"!/n"); name.focus(); name.select(); return false; } if (value.search(/^[0-9]+$/)!=-1 || value.search(/^([0-9]+)|([0-9]+/.[0-9]*)|([0-9]*/.[0-9]+)$/)!=-1) { return true; } else { alert(message+"!/n"); // 判断不能为空 name.focus(); name.select(); return false; } } // ===============判断email,不一定输入================ // if (type.indexOf("email")!=-1) { if (name.value!="") { if (value.search(/^[_/.a-z0-9]+@[a-z0-9]+[/.][a-z0-9]{2,}$/i)==-1) { alert(message+"!/n"); name.focus(); name.select(); return false; } } } // ===============判断email,一定输入================ // if (type.indexOf("r_email")!=-1) { if (name.value=="") { alert(message+"!/n"); name.focus(); name.select(); return false; } if (value.search(/^[_/.a-z0-9]+@[a-z0-9]+[/.][a-z0-9]{2,}$/i)==-1) { alert(message+"!/n"); name.focus(); name.select(); return false; } } // ===============判断日期,比如2000-12-20================ // if (type=="r_date") { flag=true; getdate=value; if (getdate.search(/^[0-9]{4}-(0[1-9]|[1-9]|1[0-2])-((0[1-9]|[1-9])|1[0-9]|2[0-9]|3[0-1])$/)==-1) // 判断输入格式时候正确 { flag=false; } else { var year=getdate.substr(0,getdate.indexOf('-')) // 获得年 // 下面操作获得月份 var transition_month=getdate.substr(0,getdate.lastIndexOf('-')); var month=transition_month.substr(transition_month.lastIndexOf('-')+1,transition_month.length); if (month.indexOf('0')==0) { month=month.substr(1,month.length); } // 下面操作获得日期 var day=getdate.substr(getdate.lastIndexOf('-')+1,getdate.length); if (day.indexOf('0')==0) { day=day.substr(1,day.length); } //alert(month); //alert(day) //return false; if ((month==4 || month==6 || month==9 || month==11) && (day>30)) // 4,6,9,11月份日期不能超过30 { flag=false; } if (month==2) // 判断2月份 { if (LeapYear(year)) { if (day>29 || day<1){ flag=false; } } else { if (day>28 || day<1){flag=false; } } } else { flag=true; } } if (flag==false) { alert(message+"!/n"); //为空时出现的提示 name.focus(); name.select(); return false; } } 1. 长度限制 <script> function test() { if(document.a.b.value.length>50) { alert("不能超过50个字符！"); document.a.b.focus(); return false; } } </script> <form name=a onsubmit="return test()"> <textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea> <input type="submit" name="Submit" value="check"> </form> 2. 只能是汉字 <input onkeyup="value="/oblog/value.replace(/[^/u4E00-/u9FA5]/g,'')"> 3." 只能是英文 <script language=javascript> function onlyEng() { if(!(event.keyCode>=65&&event.keyCode<=90)) event.returnvalue=false; } </script> <input onkeydown="onlyEng();"> 4. 只能是数字 <script language=javascript> function onlyNum() { if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105))) //考虑小键盘上的数字键 event.returnvalue=false; } </script> <input onkeydown="onlyNum();"> 5. 只能是英文字符和数字 <input onkeyup="value="/oblog/value.replace(/[/W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"> 6. 验证油箱格式 <SCRIPT LANGUAGE=javascript RUNAT=Server> function isEmail(strEmail) { if (strEmail.search(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/) != -1) return true; else alert("oh"); } </SCRIPT> <input type=text onblur=isEmail(this.value)> 7. 屏蔽关键字(这里屏蔽***和****) <script language="javascript1.2"> function test() { if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){ alert(":)"); a.b.focus(); return false;} } </script> <form name=a onsubmit="return test()"> <input type=text name=b> <input type="submit" name="Submit" value="check"> </form> 8. 两次输入密码是否相同 <FORM METHOD=POST ACTION=""> <input type="password" id="input1"> <input type="password" id="input2"> <input type="button" value="test" onclick="check()"> </FORM> <script> function check() { with(document.all){ if(input1.value!=input2.value) { alert("false") input1.value = ""; input2.value = ""; } else document.forms[0].submit(); } } </script> 够了吧 :) 屏蔽右键很酷 oncontextmenu="return false" ondragstart="return false" onselectstart="return false" 加在body中二 2.1 表单项不能为空 <script language="javascript">  </script> 2.2 比较两个表单项的值是否相同 <script language="javascript">  </script> 2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等 <script language="javascript">  </script> 2.4 表单项输入数值/长度限定 <script language="javascript">  </script> 2.5 中文/英文/数字/邮件地址合法性判断 <SCRIPT LANGUAGE="javascript">  </SCRIPT> 2.6 限定表单项不能输入的字符 <script language="javascript">  </script> 1. 检查一段字符串是否全由数字组成 --------------------------------------- <script language="Javascript"></script> 2. 怎么判断是否是字符 --------------------------------------- if (/[^/x00-/xff]/g.test(s)) alert("含有汉字"); else alert("全是字符"); 3. 怎么判断是否含有汉字 --------------------------------------- if (escape(str).indexOf("%u")!=-1) alert("含有汉字"); else alert("全是字符"); 4. 邮箱格式验证 --------------------------------------- //函数名：chkemail //功能介绍：检查是否为Email Address //参数说明：要检查的字符串 //返回值：0：不是 1：是 function chkemail(a) { var i=a.length; var temp = a.indexOf('@'); var tempd = a.indexOf('.'); if (temp > 1) { if ((i-temp) > 3){ if ((i-tempd)>0){ return 1; } } } return 0; } 5. 数字格式验证 --------------------------------------- //函数名：fucCheckNUM //功能介绍：检查是否为数字 //参数说明：要检查的数字 //返回值：1为是数字，0为不是数字 function fucCheckNUM(NUM) { var i,j,strTemp; strTemp="0123456789"; if ( NUM.length== 0) return 0 for (i=0;i<NUM.length;i++) { j=strTemp.indexOf(NUM.charAt(i)); if (j==-1) { //说明有字符不是数字 return 0; } } //说明是数字 return 1; } 6. 电话号码格式验证 --------------------------------------- //函数名：fucCheckTEL //功能介绍：检查是否为电话号码 //参数说明：要检查的字符串 //返回值：1为是合法，0为不合法 function fucCheckTEL(TEL) { var i,j,strTemp; strTemp="0123456789-()# "; for (i=0;i<TEL.length;i++) { j=strTemp.indexOf(TEL.charAt(i)); if (j==-1) { //说明有字符不合法 return 0; } } //说明合法 return 1; } 7. 判断输入是否为中文的函数 --------------------------------------- function ischinese(s){ var ret=true; for(var i=0;i<s.length;i++) ret=ret && (s.charCodeAt(i)>=10000); return ret; } 8. 综合的判断用户输入的合法性的函数 --------------------------------------- <script language="javascript"> //限制输入字符的位数开始 //m是用户输入，n是要限制的位数 function issmall(m,n) { if ((m<n) && (m>0)) { return(false); } else {return(true);} } 9. 判断密码是否输入一致 --------------------------------------- function issame(str1,str2) { if (str1==str2) {return(true);} else {return(false);} } 10. 判断用户名是否为数字字母下滑线 --------------------------------------- function notchinese(str){ var reg=/[^A-Za-z0-9_]/g if (reg.test(str)){ return (false); }else{ return(true); } } 2.8. form文本域的通用校验函数 --------------------------------------- 作用：检测所有必须非空的input文本，比如姓名，账号，邮件地址等等。该校验现在只针对文本域，如果要针对form里面的其他域对象，可以改变判断条件。使用方法：在要检测的文本域中加入title文字。文字是在提示信息，你要提示给用户的该字段的中文名。比如要检测用户名 html如下<input name="txt_1" title="姓名">,当然，最好用可视化工具比如dreamweaver什么的来编辑域。如果要检测数字类型数据的话，再把域的id统一为sz. javascript判断日期类型比较麻烦，所以就没有做日期类型校验的程序了.高手可以补充。程序比较草，只是提供一个思路。抛砖引玉！：）哦，对了，函数调用方法：< form onsubmit="return dovalidate()"> 复制代码代码如下: function dovalidate() { fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件 for(i=0;i<fm.length;i++) { //检测判断条件，根据类型不同可以修改 if(fm[i].tagName.toUpperCase()=="INPUT" &&fm[i].type.toUpperCase()=="TEXT" && (fm[i].title!="")) if(fm[i].value="/blog/="")// { str_warn1=fm[i].title+"不能为空!"; alert(str_warn1); fm[i].focus(); return false; } if(fm[i].id.toUpperCase()=="SZ")//数字校验 { if(isNaN(fm[i].value)) { str_warn2=fm[i].title+"格式不对"; alert(str_warn2); fm[i].focus(); return false; } } } return true; }

　　推荐阅读

　　基于JQuery实现的类似购物商城的购物车

商品信息使用JSON数据来模拟同一个产品点击多次，不会重复添加，而是在已有的基础上数量+1，商品数量也可以手动输入，当输入0时，该商品将自动从购物车删除（点击减号到小于1时，也会提示是否从购物车删除商品信>>>详细阅读

本文标题：JS 表单验证大全

地址：http://www.17bianji.com/kaifa2/JS/23887.html

1/2 1