zoukankan      html  css  js  c++  java
  • javascript面向对象的写法:用户登录(用户名和密码的验证)

    login.jsp页面:

    <head>

      <script type="text/javascript" src="js/LoginApp.js"></script>

    </head>

    <body>

      <FORM name=form1 action="logining" method="post"> 

      <INPUT style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" id="userName" maxLength=30 size=24 name="user.userName">

      <INPUT style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" id="password" type=password maxLength=30 size=24 name="user.password">

      <INPUT type="button" height=18 width=70 src="images/bt_login.gif" value="登录" onclick="LoginApp.login()"/>

      </FORM>

    </body>

    js文件:

    /**
    * @description login function
    * @author BrinPage
    * @date 2012-08-28
    */

    var LoginApp = function(){
      return {

        /**
        * 登录
        */
        login:function(){
          var userName = document.getElementById('userName').value;
          var password = document.getElementById('password').value;
          if(!this.checkNull(userName,password)) alert("用户名和密码不能为空!");
          

          var url = "http://localhost:8080/weblog/logining";

          $.post(url, {"user.userName":userName, "user.password":password}, function(data, status){
            alert(status);
            alert(data);

            if("success" == status){
              window.location.href = 'http://localhost:8080/weblog/index.jsp';
            }

          });

        },

        /**
        * 检验用户名和密码是否为空
        * @param {Object} userName
        * @param {Object} password
        * @return {TypeName}
        */
        checkNull:function(userName,password){
          if(!userName){
            document.getElementById('userName').focus();
            return false;
          }else if(!password){
            document.getElementById('password').focus();
            return false;
          }else{
            return true;
          }
        }
      }
    }();

    struts.xml的配置:

    <action name="logining" class="loginAction" method="login"></action>

  • 相关阅读:
    矩阵树定理 / 生成树计数
    NC20811 蓝魔法师 (树形DP/树上01背包)
    Xor-MST学习/ 2020牛客暑假多校(五)B.Graph
    HDU-6820 Tree (2020杭电多校(五) 1007)
    Flipping Coins (概率DP)
    宝石装箱 容斥+dp
    Rabbit的工作(1) (dP)
    Codeforces-1350 E.Orac and Game of Life
    HDU-6563 Strength (贪心)
    HDU-6558 The Moon (期望DP)
  • 原文地址:https://www.cnblogs.com/Jiphen/p/2660605.html
Copyright © 2011-2022 走看看