首页 > 代码库 > js部分---表单验证；（含正则表达式）
js部分---表单验证；（含正则表达式）
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; } }
js部分---表单验证；（含正则表达式）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。