注册表单的前端验证

此次注册表单验证，没有连接后端，只是使用jQuery进行简单的验证

 1     <script type="text/javascript">
 2         $(function () {
 3             $("#sub_btn").click(function () {
 4                 var username = $("#username").val();
 5                 var usernameSpilt = /^\w{5,12}$/;
 6                 if (!usernameSpilt.test(username)) {
 7                     $(".errorMsg").text("用户名格式不正确");
 8                     return false;
 9                 }
10 
11                 var password = $("#password").val();
12                 var passwordSpilt = /^\w{5,12}$/;
13                 if (!passwordSpilt.test(password)) {
14                     $(".errorMsg").text("密码格式不正确");
15                     return false;
16                 }
17 
18                 var repwd = $("#repwd").val();
19                 if (repwd != password) {
20                     $(".errorMsg").text("两次密码不一样");
21                     return false;
22                 }
23 
24                 var email = $("#email").val();
25                 var emailSpilt = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
26                 if (!emailSpilt.test(email)) {
27                     $(".errorMsg").text("邮箱格式不正确");
28                     return false;
29                 }
30                 $(".errorMsg").text("");
31             });
32         });
33     </script>

 

posted @ 2020-03-14 20:40  王余阳  阅读(390)  评论(0)    收藏  举报