• 登陆注册验证


    一、登录注册验证
      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实现

          业务处理

  • 相关阅读:
    入门教程: JS认证和WebAPI
    ASP.NET Core 之 Identity 入门(二)
    在Visual Studio 2017中使用Asp.Net Core构建Angular4应用程序
    .Net Core+Angular Cli/Angular4开发环境搭建教程
    简单易用的.NET免费开源RabbitMQ操作组件EasyNetQ解析
    Razor
    一个简易的反射类库NMSReflector
    发布 Ionic iOS 企业级应用
    AngularJS中的Provider们:Service和Factory等的区别
    Linux企业运维人员必备150个命令汇总
  • 原文地址:https://www.cnblogs.com/zoe233/p/7566998.html
Copyright © 2020-2023  润新知