登录表单制作:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
// 检查所有 : 控制了表单的提交事件
function checkAll() {
return checkUser() && checkMail() && checkPassword()
&& checkRepassword() && checkMobile() && checkBirth();
}
// 校验用户名
function checkUser() {
// <!-- 长度为4~16个字符,并且以英文字母开头 -->
var regex = /^[a-zA-Z]\w{3,15}$/;
return regexMethod(regex, "user");
}
// 校验邮箱
function checkMail() {
// <!-- 不能为空, 邮箱格式要正确 -->
var regex = /^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;
return regexMethod(regex, "email");
}
// 校验密码
function checkPassword() {
var regex = /^[a-zA-Z0-9]{6,20}$/;
return regexMethod(regex, "pwd");
}
// 校验重复密码
function checkRepassword() {
// 1. 获取两次密码的数值
var pwd = document.getElementById("pwd").value;
var repwd = document.getElementById("repwd").value;
// 2. 判断
if (pwd != repwd) {
document.getElementById("r