登陆页面:
<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验证用户、QQ、密码、邮箱。ajax验证用户、QQ、密码、邮箱。
导入项目进eclipse,启动tomcat, 然后访问:...1.没有连接数据库,用户密码的数据为自定义的Map 2.使用简单的Servlet跳转 3.可按照Map中的数据 在前端 输入进行验证
三期答辩课程设计,人事管理系统Mybatis+Spring+Spring MVC框架整合AJAX+JQuery实现登录、注册以及验证码和验证注册用户信息,包括数据库备份,课设说明,答辩PPT,Windows下sts(eclipse) 。
通过这个Ajax类实现用户名无刷新检测、密码强度检测、邮箱格式判断、字母与数字判断等,可以说包括了一般表单所需要的数据判断类型,本实例包括数据库连接代码,需要连接数据库的地方会有说明,有时间的朋友可对照...
SSH整合AJAX验证用户名存在的完整实例 把hibernate里面数据库的登陆密码改成自己数据库的登陆密码就可以运行了
php注册的ajax应用,完整的用户注册验证,并且带登陆,还有密码找回的邮件发送,邮件利用phpmailer完成。
Ajax实现用户验证,无刷新效果,响应速度快,实现唯一性验证
HTML5 Ajax验证的用户注册表单,无刷新输入判断的HTML5表单特效,界面风格漂亮,功能简洁实用,表单验证方面包括:用户名、邮箱地址判断、密码字符验证、两次密码是否一致判断、是否同意注册协议等,几个常用的判断...
Ajax用户注册验证,其中包含了用户名检测,密码强度,长度检测,和EMAIL检测
Ajax实现客户端验证(连接数据库检查用户名&ID是否唯一)终版.pdf
利用Ajax技术实现表单输入信息的验证。以用户注册页面示例,在注册页面中需要对用户名和两次输入的密码进行验证,其中用户名是唯一的,不能重复,而两次输入的密码必须相同,只用这样的输入才是有效地。并且要求,...
AJAX PHP 用户登录 无刷新验证!!! 可以验证邮箱 用户名 密码
d、用户名要使用ajax验证 3、js验证通过后, 数据交给servlet处理,如果数据不符合要求,返回表单提交页面,原来填写的内容必须回显。 4、注册成功后,进入登陆页面,完成登陆操作。 5、登陆成功后,显示所有的...
d、用户名要使用ajax验证 3、js验证通过后, 数据交给servlet处理,如果数据不符合要求,返回表单提交页面,原来填写的内容必须回显。 4、注册成功后,进入登陆页面,完成登陆操作。 5、登陆成功后,显示所有的用户...
利用Ajax技术实现表单输入信息的验证。以用户注册页面示例,在注册页面中需要对用户名和两次输入的密码进行验证,其中用户名是唯一的,不能重复,而两次输入的密码必须相同,只用这样的输入才是有效地。并且要求,...
当用户填写好账号切换到密码框的时候,使用ajax验证账号的可用性。这篇文章就主要为大家详细介绍了Ajax实现异步用户名验证功能,感兴趣的小伙伴们可以参考一下
.net+ajax注册判断用户是否存在,判断密码强度,jquery+。net查询.
Ajax+Json——表单验证 系统登录用户: 学生用户(学号+密码+验证码) 教师用户(教师编号+密码+验证码) 管理员用户(姓名+密码+验证码) 学生登录用户: 成绩查询 修改登录密码 教师登录用户: 成绩添加 成绩...
主要介绍了AJAX+JAVA用户登陆注册验证的实现代码,通过ajax异步刷新页面验证用户输入的账号密码是否在数据库中存在。非常具有实用价值,需要的朋友可以参考下