javascript 正则表达式验证表单信息（光标离开会判断是否符合规定，不符合会提示）

来源：互联网发布：nba球员数据排名编辑：程序博客网时间：2024/04/30 20:47

<html>
<head>
<script type="text/javascript">
function a(){
var reg=/^[a-zA-Z]\w{5,17}$/;
var str=document.getElementById('password').value;
if(reg.test(str))
{document.getElementById('pa').innerHTML='<font color="green">请继续输入。。。</font>' }
else
{document.getElementById('pa').innerHTML='<font color="red">格式错误，请重新输入！</font>'}
}
function b(){
   var reg=/\d{17}(X|Y|\d)/
var str=document.getElementById('hao').value;
if(reg.test(str))
{document.getElementById('h').innerHTML='<font color="green">请继续输入。。。</font>' }
else
{document.getElementById('h').innerHTML='<font color="red">格式错误，请重新输入！</font>'}
}

function c(){
   var reg=/\w+@\w+\.\w{2,3}/
var str=document.getElementById('email').value;
if(reg.test(str))
{document.getElementById('e').innerHTML='<font color="green">请继续输入。。。</font>' }
else
{document.getElementById('e').innerHTML='<font color="red">格式错误，请重新输入！</font>'}
}

function d(){
   var reg=/^[1](3|5|8)\d{9}$/
var str=document.getElementById('tel').value;
if(reg.test(str))
{document.getElementById('t').innerHTML='<font color="green">请继续输入。。。</font>' }
else
{document.getElementById('t').innerHTML='<font color="red">格式错误，请重新输入！</font>'}
}
</script>
</head>
<body>
<table width='500px' border='1px'>
<tr>
<td>请输入密码：</td>
<td><input type="text" id="password" onblur="a()"><span id="pa"></span></td>

</tr>
<tr>
<td>请输入身份证号：</td>
<td><input type="text" name="hao" id="hao" onblur="b()"><span id="h"></span></td>
</tr>
<tr>
<td>请输入email：</td>
<td><input type="text" id="email" onblur="c()"><span id='e'></span></td>
</tr>
<tr>
<td>请输入手机号码：</td>
<td><input type="text" id="tel" onblur="d()"><span id="t"></span></td>
</tr>
</table>

</body>
</html>