首页 > 代码库 > 表单验证

表单验证

<form action="lizi1.html" method="post">
<!--非空验证-->
<input type="text" name="uid" id="uid" onblur="Check()" />

<input type="text" name="pw1" id="pw1" />
<input type="text" name="pw2" id="pw2" />

<input type="text" name="age" id="age" />

<input type="text" name="email" id="email" />

<input type="submit" value="http://www.mamicode.com/确定" id="btn" onclick="return Check()" />

 

 非空验证

function Check()

{  var v= document.getElementById("uid").value  

 

 if( v.trim().length==0)

  {alert("用户输入的内容不能为空"

    return flase;

     }

 else{  return true;

        }

}

相等验证

function check()

{

  var v1=document.getelementbyid("pw1").value;

var v2=document.getelementbyid("pw2").value;

 if(v1==v2)

    { return true;

     }

 else

{alert("两次输入的密码不相同");

  return false;

}

 }

范围验证

function Check()

{ var v= parseTnt(document.getelementbyID("aga").value);

 

if( v>=18 && v<=50)
{
return true;
}
else
{
alert("输入的年龄不在范围内");
return false;
}

 

}


//特殊格式验证(正则验证)
//正则表达式
//定界符 / /
//反斜杠 \ 代表转义 \r \n \t \\ \" \‘
//^匹配开头 $匹配结尾
//*代表前面的表达式可以出现n次
//+代表前面的表达式可以出现至少1次最多不限
//?代表前面的表达式可以出现0次或1次
//{n}前面的表达式出现n次
//{n,} 前面的表达式至少出现n次最多不限
//{n,m}前面的表达式至少出现n次最多出现m次
//x|y 代表可以匹配x或y
//[xyz01] 代表匹配方括号里面有的字符
//[a-z] 代表匹配a-z之间的字符
//[0-9] 代表匹配0-9之间的字符
// \d代表匹配一个数字
// \S匹配任何可见字符
// \w匹配包括下划线的任何单词字符


function Check()
{
//^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$

var v = document.getElementById("email").value;

//字符串有个方法match()需要一个正则表达式作为参数,如果匹配成功,返回匹配到的内容,如果匹配失败返回null
//5261.-+dhjskah.-+dhjskah@23-.das.dhakjhdajk
if(v.match(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/)==null)
{
alert("输入的邮箱格式不正确");
return false;
}
else
{
return true;
}
}

  

 

表单验证