ajax驗證用戶與密碼

 

登錄頁面：
<s:form method="post" action="../user/login.action" id="ctl00" theme="simple" namespace="/authorize">
                        <s:token></s:token>
                            <tr>
                                <td>
                                    <span>請輸入Email地址：</span>
                                    <div>
                                        <s:textfield name="email" id="txtUsername" cssClass="textbox" ></s:textfield><br/>
                                        <span id="emailInfo" style="color:red"></span>
                                    </div>
                                </td>
                                <td>
                                    <span class="blank">密碼：</span>
                                    <div>
                                        <s:password name="password" id="txtPassowrd" cssClass="textbox" ></s:password><br/>
                                        <span id="pwdInfo" style="color:red"></span>
                                    </div>
                                </td>

                                <td>
                                    <s:submit id="btnSignCheck" cssClass="button_enter"  value="登 錄"></s:submit>

                                </td>
                            </tr>
                            <!--
                            <input type="hidden" name="uri" value="${uri}" />
                             -->
                        </s:form>

 

var flag = {"login":false};
$(function(){
    var name="";
    var pwd="";
    $("#txtUsername").blur(function(){
        flag.login=false;
        name = $("#txtUsername").val();
        if(name==""){
            $("#emailInfo").html("請輸入郵箱地址!");
        }else{
            $("#txtPassowrd").blur(function(){
                pwd=$("#txtPassowrd").val();
                if(pwd==""){
                    $("#pwdInfo").html("請輸入密碼!");
                }else{
                    $.post(
                "../user/testLogin.action?dt="+new Date().getTime(),
                {"loginName":name,"loginPwd":pwd},
                function(data){

                    if(data.ok){
                        flag.login=true;
                    }else{
                    alert(data);
                        $("#pwdInfo").html("用戶名或密碼錯誤，請從新填寫!");
                    }
                },
                "json"
            );
                }
            });
        }
    });
    //是否容許表單提交
    $("#ctl00").submit(function(){
        return flag.login;
    });
});

上面代碼中ajax是使用jquery提供的$.post來發送的

 

$.post(
                    "../user/testLogin.action?dt="+new Date().getTime(),
                    {"loginName":name,"loginPwd":pwd},
                    function(data){

                        if(data.ok){
                            flag.login=true;
                        }else{
                        alert(data);
                            $("#pwdInfo").html("用戶名或密碼錯誤，請從新填寫!");
                        }
                    },
                    "json"
                );

後臺判斷邏輯

 

public class testLoginAction {
    private boolean ok;


    public boolean isOk() {
        return ok;
    }


    public void setOk(boolean ok) {
        this.ok = ok;
    }


    public String execute(){
        UserDAO userDao = DAOFactory.getUserDAO();
        HttpServletRequest request=ServletActionContext.getRequest();
        Map<String, Object> session = ActionContext.getContext().getSession();
        String loginName=request.getParameter("loginName");
        String pwd=request.getParameter("loginPwd");
        String str="";
        try {
            str = userDao.findByLogName(loginName);
        int index=str.lastIndexOf("/");
        String password=str.substring(0,index);
        String pass = DegistUtil.md5(pwd);
        int index1=str.lastIndexOf("/")+1;
        String bb=str.substring(index1);
        String s="";
        if(password.equals(pass)){
            session.put("bb",bb);
            ok=true;
        }else{
            ok=false;
        }
        } catch (DangException e) {
            e.printStackTrace();
        }
        return "success";

    }
}

struts2的配置文件以下：

 

<action name="testLogin" class="org.tarena.action.user.testLoginAction">
                <result name="error">loginForm.jsp</result>
                <result name="success" type="json"></result>
        </action>