1.非空验证
<div>用户名:<input id="yhm" type="text" name="yhm" /></div> /*function yanzheng() { var yhm = document.getElementById("yhm").value; if(yhm=="") { alert("用户名不能为空"); return false; } else { return true; } }*/
2.相等验证
<div>密码:<input id="mm" type="text" name="mm" /></div> <div>确认密码:<input id="qrmm" type="text" name="qrmm" /></div> /*function yanzheng() { var mm = document.getElementById("mm").value; var qrmm = document.getElementById("qrmm").value; if(mm==qrmm) { return true; } else { alert("两次输入的密码不一致"); return false; } }*/
3.范围验证
<div>邮箱:<input type="text" name="youxiang" id="youxiang" /></div> <input type="submit" value="注册" onclick="return yanzheng()" /> /*function yanzheng() { var age = document.getElementById("age").value; if(age>=18 && age<=50) { return true; } else { alert("年龄不满足"); return false; } }*/
4.正则验证
正则表达式
定界符://
匹配开头:^
匹配结尾:$
\反斜杠:代表转义
\n \r 换行 \t制表符 \"输出双引号 \‘输出单引号
*代表前面的表达式可以出现任意次
+代表前面的表达式可以出现至少一次
?代表前面的表达式出现0次或1次
{n}代表前面的表达式出现n次
{n,}代表前面的表达式至少出现n次
{n,m}代表前面的表达式至少出现n次,最多出现m次
x|y要么匹配x要么匹配y
[xyz]匹配[]所包含的任意一个字符
[0-9]匹配0到9之间的任意字符
\d匹配一个数字字符
\D匹配一个非数字字符
\w匹配包括下划线的任意单词字符
\W匹配任何非单词字符
<div>邮箱:<input type="text" name="youxiang" id="youxiang" /></div> <input type="submit" value="注册" onclick="return yanzheng()" /> function yanzheng() { var yx = document.getElementById("youxiang").value; var zz = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if(yx.match(zz)==null) { alert("邮箱格式不正确"); return false; } else { return true; } }
时间: 2024-11-08 20:45:23