代码
<!DOCTYPE html>
<html lang="en">
<head>
<title>Document</title>
</head>
<body>
<form>
账号 <input type="text" name="username"id="username" style="height: 28px;"><br>
密码 <input type="password" name="password"id="password"style="height: 28px;"><br>
<input class="submit"type="submit" value="提交" style="font-size: 20px;">
</form>
<script>
function confirmName()
{
var name=document.getElementById("username"); //在前端form表单text输入框中id名username
name.onblur=function()
{
if((name.value).length!=0){
reg=/^[0-9]{6,16}$/g; //账号只能是6-16位的数字
if(!reg.test(name.value)){
alert("对不起,输入的用户名限6-16个数字 ");
}
}
else{
alert("输入账号不能为空");
}
};
}
function confirmPassword()
{
var password=document.getElementById("password");
password.onblur=function()
{
if((password.value).length!=0){ //密码限制位6-20位的数字和英文 不能有特殊字符
reg=/^(\w){6,20}$/;
if(!reg.test(password.value)){
alert("对不起,您输入的密码格式不正确!");
}
}
};
}
window.onload=function()
{
confirmName();
confirmPassword();
};
</script>
</body>
</html>