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>

  • 相关阅读:
    解决跨操作系统平台JSON中文乱码问题
    httpencode编码
    DELPHI搭建centos开发环境
    cross socket和msgpack的数据序列和还原
    libmidas.so.2
    开发WINDOWS服务程序
    idhttp访问DATASNAP有密码验证的中间件
    接口操作XML
    HttpApplication中的异步线程
    Assembly类
  • 原文地址:https://www.cnblogs.com/Jiphen/p/2660605.html
Copyright © 2011-2022 走看看