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>