<html>
<head>
<meta charset="UTF-8">
<title>js表单验证</title>
</head>
<body>
<form name="frm" onsubmit="return yanzheng()">
邮箱:<input type="text" name="email" id="email"><br>
用户名:<input type="text" name="name" id="name"><br>
密码:<input type="password" name="p1" id="p1"><br>
确认密码:<input type="password" name="p2" id="p2"><br>
手机号码:<input type="text" id="phone" name="phone"><br>
<input type="submit" value="提交">
</form>
</body>
<script>
function yanzheng(){
var regNameStr = /^\s*\w{6,10}\s*$/;
var regEmailStr = /^\s*\w+@\w+\s*$/;
var regPhoneStr =/^1[0-9]{10}$/
var email = document.getElementById("email").value;
var name = document.getElementById("name").value;
var p1 = document.getElementById("p1").value;
var p2 = document.getElementById("p2").value;
var phone = document.getElementById("phone").value;
if (frm.email.value.trim() =="") {
alert("邮箱不能为空!");
document.getElementById("email").focus();
return false;
}
else if (!regEmailStr.test(email)) {
alert("邮箱格式错误");
document.getElementById("email").focus();
return false;
}
else if (name.trim() == "") {
alert("名称不能为空!");
document.getElementById("name").focus();
return false;
}
else if (!regNameStr.test(name)) {
alert("名称格式错误,长度6到10位");
document.getElementById("name").focus();
return false;
}
else if (p1.trim() == "") {
alert("请输入密码");
document.getElementById("p1").focus();
return false;
}
else if (p2.trim() == "") {
alert("请输入确认密码");
document.getElementById("p2").focus();
return false;
}
else if (p1 != p2) {
alert("密码和确认密码不一样!");
document.getElementById("p2").focus();
return false;
}
else if(phone.trim()==""){
alert("请输入1开头的11位手机号码");
document.getElementById("phone").focus();
return false;
}
else return true;
}
</script>
</html>