首页 > 代码库 > 表单验证
表单验证
<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;
}
}
表单验证