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="登录" οnclick="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>

转载于:https://www.cnblogs.com/Jiphen/archive/2012/08/28/2660605.html

  • 2
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值