登陆页面:
<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实现一个动态、无刷新的用户登录验证系统,提高用户体验,特别是在Java后端的支持下。下面我们将深入探讨这个主题。 1. **Ajax基础** - Ajax的核心是JavaScript的...
"利用Ajax实现无刷新验证用户名和密码是否正确"这一技术就是为了让用户在输入登录信息时能够得到即时反馈,无需等待页面整体刷新,极大地提升了交互体验。Ajax(Asynchronous JavaScript and XML)是一种创建动态...
本文将深入探讨Ajax验证用户登录的原理、实现方式以及其优点。 首先,Ajax的核心理念是异步通信,即浏览器在不重新加载整个网页的情况下,通过JavaScript发送HTTP请求并处理响应。这种方式提高了用户体验,因为用户...
Ajax的核心是通过JavaScript与服务器进行异步数据交换,使得用户在等待响应时可以继续浏览页面其他内容,提升了用户体验。在这个"Ajax判断用户名和密码"的主题中,我们主要探讨如何使用Ajax技术实现动态验证登录时的...
要实现"ajax验证用户登录",我们通常会遵循以下步骤: 1. **前端准备**:在HTML中,创建一个登录表单,包括用户名和密码输入字段,以及一个提交按钮。添加事件监听器,如`addEventListener`,在按钮被点击时触发...
接下来,我们将详细探讨Ajax验证用户、QQ、密码和邮箱的相关知识点。 1. **Ajax基础**:Ajax的核心在于创建XMLHttpRequest对象,它允许JavaScript与服务器进行异步通信。通过发送HTTP请求,获取服务器响应,然后在...
"Ajax验证用户注册"是提升这种体验的一种常见技术,它使得用户在填写注册信息时无需等待页面刷新就能得到反馈,从而提高了交互性和效率。Ajax(Asynchronous JavaScript and XML)的核心是利用JavaScript进行异步...
"带注册验证的AJAX验证表单实例"就是这样的一个解决方案,它旨在提高用户体验,通过实时验证用户输入,无需每次提交都等待服务器的反馈。接下来,我们将详细讨论这个实例涉及到的技术和知识点。 1. **AJAX ...
本示例中,"ajax验证表单"是一个实现这一功能的具体应用,它主要利用JavaScript(尤其是JavaScript库如jQuery)与服务器进行异步通信,实现在用户输入时实时验证用户名和密码。 1. **Ajax基础**: Ajax的核心在于...
服务器端脚本(如PHP、Java、Python等)接收并验证用户提交的登录信息。验证成功后,可以返回JSON格式的响应,例如:`{"success": true, "message": "登录成功"}`;失败则返回类似`{"success": false, "message": ...
接着,我们需要编写一个AJAX请求来验证用户输入。EXT提供`Ext.Ajax.request`方法来发送异步请求。当用户在密码字段失去焦点或达到特定字符数时,触发这个请求。请求的URL应指向服务器端的验证接口,该接口负责检查...
**Ajax用户登入验证详解** Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。这种技术的核心在于通过JavaScript与服务器进行异步通信,提升了用户体验,...
PHP与AJAX(Asynchronous JavaScript and XML)结合的表单验证技术可以实现无刷新验证,即在用户输入时即时检查数据有效性,无需等待完整的表单提交,从而显著提升交互体验。 **一、AJAX基础** AJAX 是一种创建...
通过Ajax,可以在后台验证用户输入的用户名和密码,而不会中断用户的操作流程,提高了用户体验。 首先,我们需要理解Ajax的工作原理。它主要涉及四个关键组件:浏览器对象、请求对象、响应对象以及数据处理。在...
2. **异步处理**:AJAX的核心特性是异步性,意味着用户可以继续与页面交互,而验证请求在后台执行。 3. **事件监听**:监听XMLHttpRequest对象的onreadystatechange事件,当服务器响应状态改变时触发。主要关注...
导入项目进eclipse,启动tomcat, 然后访问:...1.没有连接数据库,用户密码的数据为自定义的Map 2.使用简单的Servlet跳转 3.可按照Map中的数据 在前端 输入进行验证
1. 验证用户输入:检查用户名是否存在,密码是否正确。如果使用数据库,可能涉及到SQL查询。 2. 返回响应:服务器验证后,可以返回JSON数据表示成功或失败。例如,`{"success": true, "message": "登录成功"}`或`{...
在这个"ajax验证数据库登陆源码"的学习资源中,我们将探讨如何运用Ajax实现登录验证,以及它与小程序入门级快速上手的关联。 首先,让我们深入了解一下Ajax的基础。Ajax并不是一种单一的技术,而是多种技术的组合,...
在用户输入时,通过Ajax发送异步请求,后台实时验证用户输入的有效性,如用户名是否已存在、密码强度等,可以提供更好的用户体验。在S2SH框架中,可以使用jQuery或者其他JavaScript库结合Struts2的Action来实现Ajax...