1、表单校验步骤
（1）确定事件（submit事件），创建一个函数并和该事件绑定。
（2）书写函数对输入的数据是否合法进行校验（需要设定ID并通过ID来获取用户输入的数据的值）。
（3）输入的信息合法，可以正常提交；不合法的话，不能提交用户信息并给出提示信息。
2、校验函数
（1）非空校验：
通过ID获取值，对是否为空进行校验。
1 var uValue = document.getElementById("user").value;
2 if(uValue""){
3 alert("用户名不能为空!");
4 return false;
5 }
6
7 var pValue = document.getElementById("password").value;
8 if(pValue""){
9 alert("密码不能为空!");
10 return false;
11 }
相应的表单中要设置ID属性，以便通过ID获取表单中的数据。
1
2
3 用户名
4
5
6
7
8
9
10
11
12 密码
13
14
15
16
17
（2）确认密码校验：
1 var rpValue = document.getElementById("repassword").value;
2 if(rpValue!=pValue){
3 alert("两次密码输入不一致!");
4 return false;
5 }
（3）邮箱格式校验（正则表达式：https://www.cnblogs.com/zhai1997/p/11354683.html）：
1 var eValue = document.getElementById("email").value;
2 if(!/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/.test(eValue)){
3 alert("邮箱格式不正确!");
4 return false;
5 }
1
2
3
4
5
6
33
34
35
36
37 <td height="600px" ">
38
39
40
41
44
47
48
49
50
53
56
57
58
59
62
65
66
67
68
71
74
75
76
77
80
83
84
85
86
89
93
94
95
96
99
102
103
104
105
110
111
42 用户名 43 | 45 46 |
51 密码 52 | 54 55 |
60 确认密码 61 | 63 64 |
69 Email 70 | 72 73 |
78 姓名 79 | 81 82 |
87 性别 88 | 90 男 91 女 92 |
97 出生日期 98 | 100 101 |
106 107 108 109 | |
112
113
114
115
116
117 标签：return,12.22,校验,value,getElementById,var,ID From： https://www.cnblogs.com/2117847720qq/p/18622646