实现的代码如下:
<html>
<head>
<meta charset="UTF-8">
</head>
<body>
<p>用户名正则表达式 ,4到16位(字母,数字,下滑线,减号)</p>
<input id="text0" type="text" value="请输入你的用户名">
<input type="button" value="验证" onClick="func0()">
<p>密码强度,最少6位,最多16位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符(指的是._-)</p>
<input id="text1" type="text" value="请输入你的密码">
<input type="button" value="验证" onClick="func1()">
<p>EMAIL表达式验证</p>
<input id="text2" type="text" value="请输入你的邮箱">
<input type="button" value="验证" onClick="func2()">
<p>身份证表达式验证</p>
<input id="text3" type="text" value="请输入你的身份证">
<input type="button" value="验证" onClick="func3()">
<script>
function func0(){
var obj0 = document.getElementById("text0").value;
var reg0=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._-]){3,15}$/;
if(!reg0.test(obj0) )
{
alert('对不起,用户名格式错误');
}
else
alert("用户名格式验证正确!");
}
function func1(){
var obj1 = document.getElementById("text1").value;
var reg1=/^[a-z+A-Z+0-9+]{3,15}$/;
if(!reg1.test(obj1) )
{
alert('对不起,密码格式错误');
}
else
alert("密码格式验证正确!");
}
function func2(){
var obj2 = document.getElementById("text2").value;
var reg2=/^[a-zA-Z0-9]+@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*\.[a-zA-Z0-9]{2,6}$/;
if(!reg2.test(obj2) )
{
alert('对不起,email格式错误');
}
else
alert("email格式验证正确!");
}
function func3(){
var obj3 = document.getElementById("text3").value;
var reg3=/^[1-9]\d{5}(18|19|([23]\d))\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/
if(!reg3.test(obj3) )
{
alert('对不起,身份证格式错误');
}
else
alert("身份证格式验证正确!");
}
</script>
</body>
<html>