JS验证表单大全

来源:互联网 发布:js 给方法注释 编辑:程序博客网 时间:2024/04/29 11:23
1长度限制
<span style="font-size:12px;"><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></span>

2. 只能是汉字 
<span style="font-size:12px;"><input onkeyup="value="/oblog/value.replace(/[^/u4E00-/u9FA5]/g,'')"></span>

3." 只能是英文
<span style="font-size:12px;"><script language=javascript>function onlyEng(){if(!(event.keyCode>=65&&event.keyCode<=90))event.returnvalue=false;}</script><input onkeydown="onlyEng();"></span>

4. 只能是数字
<span style="font-size:12px;"><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();"></span>

5. 只能是英文字符和数字
<span style="font-size:12px;"><input onkeyup="value="/oblog/value.replace(/[/W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"></span>

6. 验证油箱格式
<span style="font-size:12px;"><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;elsealert("oh");}</SCRIPT><input type=text onblur=isEmail(this.value)></span>

7. 屏蔽关键字( 这里屏蔽*** 和****)
<span style="font-size:12px;"><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></span>

8. 两次输入密码是否相同
<span style="font-size:12px;"><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 中</span>

==============================================================================================================================

2.1   表单项不能为空
<span style="font-size:12px;"><script   language="javascript"><!--function   CheckForm(){  if   (document.form.name.value.length   ==   0) {  alert(" 请输入您姓名!");document.form.name.focus();return   false;}return   true;}--></script></span>

2.2   比较两个表单项的值是否相同
<span style="font-size:12px;"><script   language="javascript"><!--function   CheckForm()if   (document.form.PWD.value   !=   document.form.PWD_Again.value)   {  alert(" 您两次输入的密码不一样!请重新输入.");document.ADDUser.PWD.focus();return   false;}return   true;}--></script></span>

2.3   表单项只能为数字和"_", 用于电话/ 银行帐号验证上, 可扩展到域名注册等
<span style="font-size:12px;"><script   language="javascript"><!--function   isNumber(String){  var   Letters   =   "1234567890-";   // 可以自己增加可输入值var   i;var   c;if(String.charAt(   0   )=='-')return   false;if(   String.charAt(   String.length   -   1   )   ==   '-'   )return   false;for(   i   =   0;   i   <   String.length;   i   ++   ){  c   =   String.charAt(   i   );if   (Letters.indexOf(   c   )   <   0)return   false;}return   true;}function   CheckForm(){  if(!   isNumber(document.form.TEL.value))   {  alert(" 您的电话号码不合法!");document.form.TEL.focus();return   false;}return   true;}--></script></span>

2.4   表单项输入数值/ 长度限定
<span style="font-size:12px;"><script   language="javascript"><!--function   CheckForm()  {  if   (document.form.count.value   >   100   ||   document.form.count.value   <   1){  alert(" 输入数值不能小于零大于100!");document.form.count.focus();return   false;}if   (document.form.MESSAGE.value.length<10){  alert(" 输入文字小于10!");document.form.MESSAGE.focus();return   false;}return   true;}//--></script></span>

2.5   中文/ 英文/ 数字/ 邮件地址合法性判断
<span style="font-size:12px;"><SCRIPT   LANGUAGE="javascript"><!--function   isEnglish(name)   // 英文值检测{  if(name.length   ==   0)return   false;for(i   =   0;   i   <   name.length;   i++)   {  if(name.charCodeAt(i)   >   128)return   false;}return   true;}function   isChinese(name)   // 中文值检测{  if(name.length   ==   0)return   false;for(i   =   0;   i   <   name.length;   i++)   {  if(name.charCodeAt(i)   >   128)return   true;}return   false;}function   isMail(name)   //   E-mail 值检测{  if(!   isEnglish(name))return   false;i   =   name.indexOf("   at   ");j   =   name   dot   lastIndexOf("   at   ");if(i   ==   -1)return   false;if(i   !=   j)return   false;if(i   ==   name   dot   length)return   false;return   true;}function   isNumber(name)   // 数值检测{  if(name.length   ==   0)return   false;for(i   =   0;   i   <   name.length;   i++)   {  if(name.charAt(i)   <   "0"   ||   name.charAt(i)   >   "9")return   false;}return   true;}function   CheckForm(){  if(!   isMail(form.Email.value))   {  alert(" 您的电子邮件不合法!");form.Email.focus();return   false;}if(!   isEnglish(form.name.value))   {  alert(" 英文名不合法!");form.name.focus();return   false;}if(!   isChinese(form.cnname.value))   {  alert(" 中文名不合法!");form.cnname.focus();return   false;}if(!   isNumber(form.PublicZipCode.value))   {  alert(" 邮政编码不合法!");form.PublicZipCode.focus();return   false;}return   true;}//--></SCRIPT></span>

2.6   限定表单项不能输入的字符
<span style="font-size:12px;"><script   language="javascript"><!--function   contain(str,charset)//   字符串包含测试函数{  var   i;for(i=0;i<charset.length;i++)if(str.indexOf(charset.charAt(i))>=0)return   true;return   false;}function   CheckForm(){  if   ((contain(document.form.NAME.value,   "%/(/)><"))   ||   (contain(document.form.MESSAGE.value,   "%/(/)><"))){  alert(" 输入了非法字符");document.form.NAME.focus();return   false;}return   true;}//--></script>  </span>

1. 检查一段字符串是否全由数字组成
<span style="font-size:12px;"><script language="Javascript"><!--           function checkNum(str){return str.match(//D/)==null}           alert(checkNum("1232142141"))           alert(checkNum("123214214a1"))           // --></script>   </span>
      
2. 怎么判断是否是字符 
<span style="font-size:12px;">if (/[^/x00-/xff]/g.test(s)) alert(" 含有汉字");          else alert(" 全是字符");      </span>

3. 怎么判断是否含有汉字
<span style="font-size:12px;">if (escape(str).indexOf("%u")!=-1) alert(" 含有汉字");         else alert(" 全是字符");       <span style="font-family: Arial, Helvetica, sans-serif;">   </span></span>
    
4. 邮箱格式验证
<span style="font-size:12px;">// 函数名: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;}</span>
    
5. 数字格式验证
<span style="font-size:12px;">// 函数名: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;     }     </span>


    
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);     }
}


11. 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;
}




2 > 表单提交验证类 




2.1 表单项不能为空


<script language="javascript">
<!--
function CheckForm()
{
if (document.form.name.value.length == 0) {
alert(" 请输入您姓名!");
document.form.name.focus();
return false;
}
return true;
}
-->
</script>


2.2 比较两个表单项的值是否相同


<script language="javascript">
<!--
function CheckForm()
if (document.form.PWD.value != document.form.PWD_Again.value) {
alert(" 您两次输入的密码不一样!请重新输入.");
document.ADDUser.PWD.focus();
return false;
}
return true;
}
-->
</script>


2.3 表单项只能为数字和"_", 用于电话/ 银行帐号验证上, 可扩展到域名注册等


<script language="javascript">
<!--
function isNumber(String)
{
var Letters = "1234567890-"; // 可以自己增加可输入值
var i;
var c;
if(String.charAt( 0 )=='-')
return false;
if( String.charAt( String.length - 1 ) == '-' )
return false;
for( i = 0; i < String.length; i ++ )
{
c = String.charAt( i );
if (Letters.indexOf( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{
if(! isNumber(document.form.TEL.value)) {
alert(" 您的电话号码不合法!");
document.form.TEL.focus();
return false;
}
return true;
}
-->
</script>




2.4 表单项输入数值/ 长度限定


<script language="javascript">
<!--
function CheckForm()
{
if (document.form.count.value > 100 || document.form.count.value < 1)
{
alert(" 输入数值不能小于零大于100!");
document.form.count.focus();
return false;
}
if (document.form.MESSAGE.value.length<10)
{
alert(" 输入文字小于10!");
document.form.MESSAGE.focus();
return false;
}
return true;
}
//-->
</script>


2.5 中文/ 英文/ 数字/ 邮件地址合法性判断


<SCRIPT LANGUAGE="javascript">
<!--


function isEnglish(name) // 英文值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return false;
}
return true;
}


function isChinese(name) // 中文值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charCodeAt(i) > 128)
return true;
}
return false;
}


function isMail(name) // E-mail 值检测
{
if(! isEnglish(name))
return false;
i = name.indexOf(" at ");
j = name dot lastIndexOf(" at ");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name dot length)
return false;
return true;
}


function isNumber(name) // 数值检测
{
if(name.length == 0)
return false;
for(i = 0; i < name.length; i++) {
if(name.charAt(i) < "0" || name.charAt(i) > "9")
return false;
}
return true;
}


function CheckForm()
{
if(! isMail(form.Email.value)) {
alert(" 您的电子邮件不合法!");
form.Email.focus();
return false;
}
if(! isEnglish(form.name.value)) {
alert(" 英文名不合法!");
form.name.focus();
return false;
}
if(! isChinese(form.cnname.value)) {
alert(" 中文名不合法!");
form.cnname.focus();
return false;
}
if(! isNumber(form.PublicZipCode.value)) {
alert(" 邮政编码不合法!");
form.PublicZipCode.focus();
return false;
}
return true;
}
//-->
</SCRIPT>


2.6 限定表单项不能输入的字符


<script language="javascript">
<!--


function contain(str,charset)// 字符串包含测试函数
{
var i;
for(i=0;i<charset.length;i++)
if(str.indexOf(charset.charAt(i))>=0)
return true;
return false;
}


function CheckForm()
{
if ((contain(document.form.NAME.value, "%/(/)><")) || (contain(document.form.MESSAGE.value, "%/(/)><")))
{
alert(" 输入了非法字符");
document.form.NAME.focus();
return false;
}
return true;
}
//-->
</script>
0 0
原创粉丝点击