注册页面的js验证

简单的用户注册页面:(html)

包含用户名格式验证、邮箱格式验证、确认密码一致性验证和必填项验证。(纯javascript)

 1 <center>
 2     <h1>用户注册</h1>
 3     <hr>
 4     <SCRIPT type="text/javascript">
 5     function isEmail(strEmail) {
 6         if (strEmail.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/) != -1)
 7             return true;
 8         else {
 9             alert("邮箱格式不对");
10             return false;
11         }
12     }
13 
14     function isUsername(un) {
15         if (un.search(/^[a-zA-Z0-9_]{1,20}$/) != -1) return true;
16         else {
17             alert("用户名只能由1~20位长度的数字、英文字母或者下划线组成");
18             return false;
19         }
20     }
21 
22     function checkSubmit() {
23         if (document.getElementById("username").value == "") {
24             alert("请填写用户名!");
25             return false;
26         }
27         if (document.getElementById("email").value == "") {
28             alert("请填写邮箱!");
29             return false;
30         }
31         var pwd1 = document.getElementById("password1");
32         var pwd2 = document.getElementById("password2");
33         if (pwd1.value == "") {
34             alert("请填写密码!");
35             return false;
36         }
37         if (pwd2.value == "") {
38             alert("请再次填写密码!");
39             return false;
40         }
41         if (pwd1.value != pwd2.value) {
42             alert("密码不一致");
43             return false;
44         }
45     }
46     </SCRIPT>
47     <form name="Register" method="post">
48         <table>
49             <tr>
50                 <td align="center">用户名*:</td>
51                 <td>
52                     <input type="text" name="username" id="username" onblur="isUsername(this.value)">
53                 </td>
54             </tr>
55             <tr>
56                 <td align="center">邮箱*:</td>
57                 <td>
58                     <input type="text" name="email" id="email" onblur="isEmail(this.value)">
59                 </td>
60             </tr>
61             <tr>
62                 <td align="center">密码*:</td>
63                 <td>
64                     <input type="password" id="password1" name="password1">
65                 </td>
66             </tr>
67             <tr>
68                 <td align="center">密码确认*:</td>
69                 <td>
70                     <input type="password" name="password2" id="password2">
71                 </td>
72             </tr>
73             <tr>
74                 <td align="center"><a href="/horizon/auth/login">返回 </a></td>
75                 <td>
76                     <input type="submit" value="注册!" onclick="return checkSubmit()">
77                 </td>
78             </tr>
79         </table>
80     </form>
81 </center>
原文地址:https://www.cnblogs.com/pinganzi/p/4487985.html