问题描述

jsp 弹出登录窗口怎么让它密码输入错误时不做操作

 <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吗？

解决方案

这一句改成

然后编写监听事件:

$("#loginAlert").click(function(){
$.ajax({
url:"xxxx",
data:{
"user":"user",
"password":"password"
},
dataType:"json",
success:function(data){
if(data!=null)
{
//关闭弹窗,并刷新页面,登录成功
}else{
//不关闭弹窗,提示错误,让用户修改后再试.
return false;
}
}
})

})

ajax里面的数据你要替换成你自己的.试试吧.

解决方案二：

为什么不使用ajax呢，很好的交互性啊