用户找回密码功能JS验证邮箱通过点击下一步隐藏邮箱输入框并修改下一步按钮的ID

//这里是BaseDao

    /**
     * 获得一个对象
     * @param hql
     * @param param
     * @return
     */
    public Object get(String hql, Object[] param){
        List<Object> objects = this.getHibernateTemplate().find(hql, param);  
        if (objects != null && objects.size() > 0) {  
            return objects.get(0);  
        } else {  
            return null;  
        }
    }

//这里是UsersDaoImpl

    /**
     * 查找邮箱返回数量
     */
    public Integer CheckEmail(String email) {
        StringBuilder sb=new StringBuilder();
        sb.append("Select count(*) From Users where email='");
        if(StringUtils.isNotBlank(email)){
            sb.append(email);
        }
        sb.append("'");
        Long s=(Long) super.getCount(sb.toString());
        return s.intValue();
    }
    
    /**
     * 根据邮箱查看返回一个对象
     */
    public Users FindByEmail(String email) {
        String hql = "From Users where email =?";
        return (Users) super.get(hql, new Object[]{email});
    }

    
    /**
     * 修改密码
     */
    public void UpdatePassByEmail(Users user) {
        super.Update(user);
        
    }
    
    

//这里是UserAction

    public String checkEmail() throws IOException{
        HttpServletResponse response = ServletActionContext.getResponse();
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        message = "邮箱不存在";
        if(StringUtils.isNotBlank(email)){
            Integer count=userBiz.CheckEmail(email);
            if(count<=0){
                message="邮箱不存在";
            }else{
                message="";
            }
        }
        
        out.print(message);
        out.flush();
        out.close();
        
        return SUCCESS;
        
    }
    
    public String UpdatePassByEmail() throws IOException{
        HttpServletResponse response = ServletActionContext.getResponse();
        response.setContentType("text/html;charset=UTF-8");
        PrintWriter out = response.getWriter();
        message = "修改失败";
        boolean falg=false;
        
        if(StringUtils.isNotBlank(email)){
            if(StringUtils.isNotBlank(Password)){
                if(StringUtils.isNotBlank(sure_password)){
                    if(!sure_password.equals(Password)){
                        falg=false;
                        message="密码不一致";
                    }else{
                        
                        Users u=userBiz.FindByEmail(email);
                        u.setPassword(MD5Util.EncryptionMD5(sure_password));
                        userBiz.UpdatePassByEmail(u);
                        falg=true;
                        if(falg==true){
                            message="修改成功";
                        }else{
                            message="修改失败";
                        }
                    }
                }
            }
        }
        out.print(message);
        out.flush();
        out.close();
        return SUCCESS;
        
    }

//这里是HTML页面

        <div id="login-content" class="clearfix">

            <form  method="post">
                <fieldset id="filedset1">
                    <div class="control-group">
                        <label class="control-label" for="email">请输入注册时的邮箱</label>
                        <div class="controls">
                            <input type="text" name="email" id="email"
                                onblur="Onblur()" />
                        </div>
                        <span style="color: red" id="message"></span>
                    </div>
                </fieldset>
                
                <fieldset id="filedset2" hidden="hidden">
                    <div class="control-group">
                        <label class="control-label" for="password">Password</label>
                        <div class="controls">
                            <input type="password" name="Password" id="password" onblur="RepassOnblur()"/>
                        </div>
                    </div>
                                        
                    <div class="control-group">
                        <label class="control-label" for="sure_password">Sure_Password</label>
                        <div class="controls">
                            <input type="password" name="sure_password" id="sure_password" onblur="RepassOnblur()"/>
                        </div>
                        <span style="color: red" id="messages"></span>
                    </div>
                </fieldset>
                
                
                <div class="pull-right">
                    <button type="button" id="Next" class="btn btn-warning btn-large">
                        下一步
                    </button>
                </div>
            </form>

        </div>

//这里是JS代码

/**
 * 这里是验证邮箱输入框事件
 */
function Onblur(){
    var Email = $("#email").val();
    var EmailReg = /^([a-zA-Z0-9_-]{1,11})@([a-zA-Z0-9]{2,4}|126|163|189).([a-zA-Z0-9]{2,3})$/;
    
    if (Email.length == 0) {
        $("#message").html("邮箱不能为空");
        $("#Next").attr("disabled",true);
        return;
    } else if (!EmailReg.test(Email)) {
        $("#message").html("邮箱格式不正确      例:123456@126.com");
        $("#Next").attr("disabled",true);
        return;
    } else {
        $.ajax({
            type:"POST",
            dataType:"text",
            url:"checkEmail",
            data:{
                "email":Email
            },
            success:function(data){
                
                if(data==""){
                    $("#message").html("");
                    $("#Next").attr("disabled",false);
                    
                }else{
                    $("#message").html(data);
                    $("#Next").attr("disabled",true);
                }
            },
            error:function(){
                alert("通讯有问题,请稍候尝试...");
            }
        });
        
    }
}

/**
 * 点击下一步按钮事件
 * 隐藏邮箱输入框,显示密码输入框
 * 修改下一步按钮ID
 */
$(function(){
    $("body").on("click","#Next",function(){
        $("#filedset1").hide();
        $("#filedset2").removeAttr("hidden");
        $("#Next").attr("id","Fix");
    });
    
    $("body").on("click","#Fix",function(){
        var Password = $("#password").val();
        var SurePassword = $("#sure_password").val();
        
        $.ajax({
            type:"POST",
            dataType:"text",
            url:"UpdatePassByEmail",
            data:{
                "Password":Password,
                "sure_password":SurePassword
            },
            success:function(data){
                alert(data);
            },
            error:function(){
                alert("通讯有问题,请稍候尝试...");
            }
        });
    });
});

/**
 * 验证密码输入框事件
 */
function RepassOnblur(){
    var Password = $("#password").val();
    var SurePassword = $("#sure_password").val();
    
    if (Password.length == 0) {
        $("#messages").html("密码不能为空");
        $("#Fix").attr("disabled",true);
        return false;
    } else if (Password.length < 6 || Password.length > 16) {
        $("#messages").html("密码长度小于6位或大于16位");
        $("#Fix").attr("disabled",true);
        return false;
    } else {
        $("#messages").html("");
        $("#Fix").attr("disabled",true);
    }
    
    if (SurePassword.length == 0) {
        $("#messages").html("确认密码不能为空");
        $("#Fix").attr("disabled",true);
        return false;
    } else if (SurePassword.length < 6 || SurePassword.length > 16) {
        $("#messages").html("密码长度小于6位或大于16位");
        $("#Fix").attr("disabled",true);
        return false;
    } else if (SurePassword != Password) {
        $("#messages").html("密码不一致");
        $("#Fix").attr("disabled",true);
        return false;
    } else {
        $("#messages").html("");
        $("#Fix").attr("disabled",false);
    }
}