标签:
表单验证+正则表达式
一、非空验证
trim:去空格(去掉前后的空格),任何字符串都可以用这个方法。写法为:if(v.trim().length==0),表示如果去掉空格后的字符串的长度为0。
<body>
<form action="Untitled-1.html" method="post">
<input type="text" name="uid" id="uid" onblur="Check()" />//文本框,用户输入内容。onblur是鼠标失去焦点时触发。
<input type="submit" value="确定" id="btn" onclick="return Check()" />//提交按钮,点击事件执行的内容根据return的值判断。
</form>
</body>
<script type="text/javascript">
function Check()
{
var v = document.getElementById("uid").value;//取到用户输入的值
if(v.trim().length==0)//对去掉空格后的值进行验证
{
alert("用户名不能为空");//输入值为空
return false;//返回false
}
else//输入值不为空
{
return true;//返回true
}
}
</script>
二、对比验证
<input type="text" name="pw1" id="pw1" />//两个文本框
<input type="text" name="pw2" id="pw2" />
<input type="submit" value="确定" id="btn" onclick="return Check()" />//提交按钮
</form>
</body>
<script type="text/javascript">
function Check()
{
var v1 = document.getElementById("pw1").value;//第一个文本框的值
var v2 = document.getElementById("pw2").value;//第二个文本框的值
if(v1==v2)//如果两个文本框的值一样
{
return true;//返回true
}
else//如果两个文本框的值不一样
{
alert("两次输入的密码不相同");//输出"两次输入的密码不相同"
return false;//返回false
}
}
三、范围验证
<input type="text" name="age" id="age" />//输入年龄的文本框
<input type="submit" value="确定" id="btn" onclick="return Check()" />//提交按钮
</form>
</body>
<script type="text/javascript">
function Check()
{
var v = parseInt(document.getElementById("age").value);//取年龄值
if(v>=18 && v<=50) //如果年龄在范围内
{
return true;//返回true
}
else//如果不在范围内
{
alert("输入的年龄不在单位内");//输出"输入的年龄不在单位内"
return false;//返回false
}
}
四、固定格式验证(正则验证)
固定格式验证是指对输入的内容是否符合格式要求的验证,写法为if(v.match()),natch里面放正则表达式,如果匹配成功,return的是输入的内容,如果匹配失败,return的是null。正则表达式是对输入的内容的格式的要求,比如邮箱地址、电话号码、身份证号码等。常用的正则表达式符号有:
//:正则表达式的书写规则,//中间写正则表达式的内容,/内容/;
^:匹配开头,/^ve表示以ve开头;
$:匹配结尾,ve$/表示以ve结束;
\d:一个任意的数字,等于0-9;
\m:一个任意的数字或者字母,包括下划线;
\s:任意的不可见的字符串,例如空格、换行;
\S:任意的可见的字符;
{n}:前面的表达式重复n变,n等于几就是几遍;
{m,n}:把前面的表达式重复至少m遍,最多n遍;
{m, }:把前面的表达式重复至少m遍,最多不限;
+:左边的表达式,至少出现1次,至多不限,相当于{1, };
*:左边的表达式,至少出现0次,至多不限,相当于{0, };
?:左边的表达式,至少出现0次,最多出现1次,相当于{0,1};
[a,b,c]:只能取方括号中内容之一;
[a-z]或[1-9]:在a-z或者0-9取值;
\r:表示换行;
\n:表示换行;
\t:表示Tab键;
\\:表示\;
\":"
x|y:可以匹配x或者y;
[^xyz]:不匹配[]里面的内容;
常用的正则表达式:
标签:
原文地址:http://www.cnblogs.com/Strive-count/p/5908631.html