`
songzhan
  • 浏览: 247933 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

ajax 验证用户与密码

    博客分类:
  • 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> 
 

 

分享到:
评论

相关推荐

    Ajax验证用户名和密码

    本项目“Ajax验证用户名和密码”旨在利用Ajax实现一个动态、无刷新的用户登录验证系统,提高用户体验,特别是在Java后端的支持下。下面我们将深入探讨这个主题。 1. **Ajax基础** - Ajax的核心是JavaScript的...

    利用Ajax实现无刷新验证用户名和密码是否正确

    "利用Ajax实现无刷新验证用户名和密码是否正确"这一技术就是为了让用户在输入登录信息时能够得到即时反馈,无需等待页面整体刷新,极大地提升了交互体验。Ajax(Asynchronous JavaScript and XML)是一种创建动态...

    ajax 验证用户登录

    本文将深入探讨Ajax验证用户登录的原理、实现方式以及其优点。 首先,Ajax的核心理念是异步通信,即浏览器在不重新加载整个网页的情况下,通过JavaScript发送HTTP请求并处理响应。这种方式提高了用户体验,因为用户...

    Ajax判断用户名和密码

    Ajax的核心是通过JavaScript与服务器进行异步数据交换,使得用户在等待响应时可以继续浏览页面其他内容,提升了用户体验。在这个"Ajax判断用户名和密码"的主题中,我们主要探讨如何使用Ajax技术实现动态验证登录时的...

    ajax验证用户登录

    要实现"ajax验证用户登录",我们通常会遵循以下步骤: 1. **前端准备**:在HTML中,创建一个登录表单,包括用户名和密码输入字段,以及一个提交按钮。添加事件监听器,如`addEventListener`,在按钮被点击时触发...

    验证用户、邮箱ajaxform

    接下来,我们将详细探讨Ajax验证用户、QQ、密码和邮箱的相关知识点。 1. **Ajax基础**:Ajax的核心在于创建XMLHttpRequest对象,它允许JavaScript与服务器进行异步通信。通过发送HTTP请求,获取服务器响应,然后在...

    ajax验证用户注册

    "Ajax验证用户注册"是提升这种体验的一种常见技术,它使得用户在填写注册信息时无需等待页面刷新就能得到反馈,从而提高了交互性和效率。Ajax(Asynchronous JavaScript and XML)的核心是利用JavaScript进行异步...

    带注册验证的AJAX验证表单实例

    "带注册验证的AJAX验证表单实例"就是这样的一个解决方案,它旨在提高用户体验,通过实时验证用户输入,无需每次提交都等待服务器的反馈。接下来,我们将详细讨论这个实例涉及到的技术和知识点。 1. **AJAX ...

    ajax验证表单

    本示例中,"ajax验证表单"是一个实现这一功能的具体应用,它主要利用JavaScript(尤其是JavaScript库如jQuery)与服务器进行异步通信,实现在用户输入时实时验证用户名和密码。 1. **Ajax基础**: Ajax的核心在于...

    ajax实现用户登陆验证

    服务器端脚本(如PHP、Java、Python等)接收并验证用户提交的登录信息。验证成功后,可以返回JSON格式的响应,例如:`{"success": true, "message": "登录成功"}`;失败则返回类似`{"success": false, "message": ...

    注册ajax验证,并带有密码强度显示

    接着,我们需要编写一个AJAX请求来验证用户输入。EXT提供`Ext.Ajax.request`方法来发送异步请求。当用户在密码字段失去焦点或达到特定字符数时,触发这个请求。请求的URL应指向服务器端的验证接口,该接口负责检查...

    Ajax用户登入验证

    **Ajax用户登入验证详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于通过JavaScript与服务器进行异步通信,提升了用户体验,...

    php+ajax表单无刷新验证

    PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户输入时即时检查数据有效性,无需等待完整的表单提交,从而显著提升交互体验。 **一、AJAX基础** AJAX 是一种创建...

    Ajax验证登录信息源码

    通过Ajax,可以在后台验证用户输入的用户名和密码,而不会中断用户的操作流程,提高了用户体验。 首先,我们需要理解Ajax的工作原理。它主要涉及四个关键组件:浏览器对象、请求对象、响应对象以及数据处理。在...

    纯AJAX实现用户名验证

    2. **异步处理**:AJAX的核心特性是异步性,意味着用户可以继续与页面交互,而验证请求在后台执行。 3. **事件监听**:监听XMLHttpRequest对象的onreadystatechange事件,当服务器响应状态改变时触发。主要关注...

    Servlet+Ajax+JSON用户账号密码登录验证Demo

    导入项目进eclipse,启动tomcat, 然后访问:...1.没有连接数据库,用户密码的数据为自定义的Map 2.使用简单的Servlet跳转 3.可按照Map中的数据 在前端 输入进行验证

    ajax实现用户登录注册

    1. 验证用户输入:检查用户名是否存在,密码是否正确。如果使用数据库,可能涉及到SQL查询。 2. 返回响应:服务器验证后,可以返回JSON数据表示成功或失败。例如,`{"success": true, "message": "登录成功"}`或`{...

    ajax验证数据库登陆源码

    在这个"ajax验证数据库登陆源码"的学习资源中,我们将探讨如何运用Ajax实现登录验证,以及它与小程序入门级快速上手的关联。 首先,让我们深入了解一下Ajax的基础。Ajax并不是一种单一的技术,而是多种技术的组合,...

    sysUser S2SH 框架+分页+ajax用户时实验证

    在用户输入时,通过Ajax发送异步请求,后台实时验证用户输入的有效性,如用户名是否已存在、密码强度等,可以提供更好的用户体验。在S2SH框架中,可以使用jQuery或者其他JavaScript库结合Struts2的Action来实现Ajax...

Global site tag (gtag.js) - Google Analytics