• 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>

  • 相关阅读:
    linux计算命令的执行时间
    vim中保存其中部分内容到其它文件的方法
    vim打开文本文件末尾显示^M的解决办法
    sshd服务安全优化-修改ssh端口
    内网环境搭建yum仓库
    LVS-dr负载均衡原理及示例搭建
    go 搭建并行处理管道
    mac QuiteTime快捷键
    第十六章 分布式爬虫--准备工作
    mac Idea快捷键
  • 原文地址:https://www.cnblogs.com/Jiphen/p/2660605.html
Copyright © 2020-2023  润新知