JavaScript 本地验证用户注册信息

 1 <!-- 使用JS来本地验证用户的注册信息,常见的密码设置太短,用户名太长等问题,
 2     为了安全可靠性,最好还是在服务端进行二次验证。我的服务端语言是PHP。
 3     本地验证可以减少对服务器的请求(新手的认识~)。下面是具体的代码,
 4 -->
 5 <!DOCTYPE HTML>
 6 <html>
 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 8     <head>
 9         <title>User Register page</title>
10     </head>
11     <body>
12         <script>    
13             function checkUserName(){
14                 var obj = document.reg_form.user_name.value;
15                 if (obj.length > 6) {
16                     alert("用户名长度超过限制!");
17                     return false;
18                 }
19                 var v_pwd = document.reg_form.pwd.value;
20                 if (v_pwd.length > 10) {
21                     alert("密码长度超过限制!");
22                     return false;
23                 }else if(v_pwd.length < 5) {
24                     alert("密码太短!");
25                     return false;
26                 }
27                 return true;
28             }
29         </script>
30         <form name="reg_form" action="server_register_verify.php" method="post" onsubmit="return checkUserName()">
31              <p>用户名:<input type="text" name="user_name" /></p>
32              <p>密码:<input type="password" name="pwd" /></p>
33              <p>确认密码:<input type = "password" name = "pwd_again" /></p>
34              <p><input type="submit" /></p>
35         </form>
36     </body>
37 </html>

 

posted @ 2014-09-02 11:41  Mr轨迹  阅读(611)  评论(0编辑  收藏  举报