登陆注册验证

一、登录注册验证
　　1.1 自定义事件和默认事件执行顺序
　　　 a标签，input标签（type=checkbox，submit)都有默认事件，如果给相应的标签加上了自定义事件，那么默认事件和自定义事件的执行顺序是怎样的？
　　　　解：默认情况下，都是自定义事件先执行。
　　　　　　具体分类如下：
　　　　　　　　a.默认事件先执行的标签（特殊个别标签）：
　　　　　　　　　　checkbox
　　　　　　　　　实例：

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 <body>
 7     <input type="checkbox"/>
 8     // checkbox自带默认事件，下面自定义了click事件。
 9     // 如果默认事件不是先执行，则打完“√”之后，输出的应该是false.
10     <script src="jquery-1.12.4.js"></script>
11     <script>
12          $(":checkbox").click(
13             function(){
14                 var v=$(this).prop('checked');
15                 console.log(v);
16      }
17      )
18     </script>
19 </body>
20 </html>

View Code

　　　　　　　　b.自定义事件先执行的标签（大多数标签）

　　　　　　　　　　a
　　　　　　　　　　submit
　　　　　　　　　　...

　　　　　　　　　实例：

 1 <form>            
 2     <input type='type' />
 3     <input type='password' />
 4     <input type='submit' />
 5 </form>
 6 <script src="jquery-1.12.4.js"></script>
 7 <script>
 8     $(':submit').click(function(){
 9                                 
10         $(':text,:password').each(function(){
11             ...
12             return false;
13             })
14         return false; //只有所有规则都符合才执行事件，否则，返回false，事件不执行。
15     })   
16 </script>

View Code

　　1.2 完整的登陆注册验证的方式
　　　　前端：通过JS验证

　　　　　　各种验证

$(':submit').click(function(){
　　$(':text,:password').each(function(){
　　　......
　　　return false;
　　})
　　return false;
})

　　　　　　优点：一部分检测的功能放在浏览器上，可以减少对数据库的请求，将可以直接部分的规则检测放在浏览器端。如用户名的规则等。

　　　　　　缺点：浏览器端的JS可以被禁用，前端的规则检测就会失效，导致数据发送到后端，所以后端还是要进行检测，防止非法数据进入数据库。

　　　　　　后端：python实现

　　　　　　业务处理