<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JS简单校验</title>
<script>
function checkForm(){
var username = document.getElementById("username").value;
var password1 = document.getElementById("password1").value;
var password2 = document.getElementById("password2").value;
var phone = document.getElementById("phone").value;
var email = document.getElementById("email").value;
if(username.length <= 6){
alert("用户名太短，请重新输入！");
return false;
}
if(password1.length <= 8){
alert("密码太短，请重新输入！");
return false;
}
if(password2!=password1){
alert("两次输入的密码不一致，请重新输入！");
return false;
}
if(!/^[1][3578][0-9]{9}$/.test(phone)){
alert("无法识别您的手机号，请重新输入！");
return false;
}
if(!/^[\w.-]+@[\w.-]+\.\w+$/.test(email)){
alert("邮箱格式错误，请重新输入！");
return false;
}
return true;
}
</script>
</head>
<body>
<div>
<form action="../../CSS/CSS美化网页/网站首页美化版.html" method="get" onsubmit="return checkForm()">
<table>
<tr>
<td>用户名</td>
<td>
<input type="text" id="username" />
</td>
</tr>
<tr>
<td>密码</td>
<td>
<input type="password" id="password1" />
</td>
</tr>
<tr>
<td>确认密码</td>
<td>
<input type="password" id="password2" />
</td>
</tr>
<tr>
<td>手机号码</td>
<td>
<input type="text" id="phone" />
</td>
</tr>
<tr>
<td>邮箱</td>
<td>
<input type="text" id="email" />
</td>
</tr>
<tr>
<td></td>
<td>
<input type="submit" value="提交" />
</td>
</tr>
</table>
</form>
</div>
</body>
</html>
浙公网安备 33010602011771号