<script>
jQuery(document).ready(function($) {
$('.theme-login').click(function(){
$('.theme-popover-mask').fadeIn(100);
$('.theme-popover').slideDown(200);
})
$('.theme-poptit .close').click(function(){
$('.theme-popover-mask').fadeOut(100);
$('.theme-popover').slideUp(200);
})
})
</script>
<!-- div模态登录窗口 -->
<div class="theme-popover" id="froms">
<div class="theme-poptit" >
<a href="javascript:;" title="关闭" class="close">×</a>
<h3 style="color: black;">登录页面</h3>
</div>
<div class="theme-popbod dform">
<form class="theme-signin" name="loginform" action="login" method="post" id="loginform">
<ol>
<li><h4>你必须先登录!</h4></li>
<li><strong>用户名:</strong><input class="ipt" type="text" name="username" size="20" id="username"/></li>
<li><strong>密码:</strong><input class="ipt" type="password" name="password" size="20" id="password"/></li>
<li><input class="btn btn-primary" type="submit" name="submit" value=" 登 录 " />
<input class="btn btn-primary" type="reset" name="submit" value="重置" />
</li>
</ol>
</form>
</div>
<h3></h3>
<div id="msg" style="height: 40px;width: 658px;border: 1px solid red;color: red;text-align: center;"></div>
</div>
<div class="theme-popover-mask"></div>
后台action只是个简单的请求
if(username.equals("admin") && password.equals("admin")){
msg = "*登录成功!欢迎"+username;
return SUCCESS;
}else{
msg = "*登录失败!帐号或密码错误";
return INPUT;
}
这是一个相当与模态窗口的弹出登录窗口,我提交不管失败还是成功它都会被关闭。有什么办法判断成功就关闭不成功就停留在弹出窗口上。莫非只有使用ajax吗?