您的位置：首页 > 编程语言 > Java开发

ajax，struts，jsp验证用户名是否存在

2013-04-09 18:25 585 查看

网上找了很多，都不行，自己写了一个小项目可以运行，如果想要下载这个项目的可以浏览以下网址http://download.csdn.net/detail/liulong547026741/5238189，如果不想下载，请看下面代码

index.jsp:

<%@ page language="java" contentType="text/html; charset=utf-8"

pageEncoding="utf-8"%>

<%@ taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">

<link type="text/css" rel="stylesheet" href="index.css">

<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>

<script type="text/javascript" src="js/index.js"></script>

<title>============Regist=============</title>

</head>

<body>

<s:form action="testAction" method="post" namespace="/user">

<table>

<tr>

<td>UserName</td>

<td id="t1"><input type="text" name="userName" id="userName" /></td>

<td><input type="button" id="test" value="Test" /><div id="tip1"></div></td>

</tr>

<tr>

<td>Password</td>

<td id="t2" colspan="2"><input type="password" name="userPwd1" id="userPwd1" /></td>

</tr>

<tr>

<td>Password AG</td>

<td id="t3" colspan="2"><input type="password" name="userPwd2" id="userPwd2" /></td>

</tr>

<tr>

<td colspan="3">

<input type="submit" value="submit" />

<input type="reset" value="reset" />

</td>

</tr>

</table>

</s:form>

</body>

</html>

index.js 注意前面jsp页面中调用到了这个js文件

$(document).ready(function(){

var inputUserNameObj = $("#userName");

var inputUserPwd1Obj = $("#userPwd1");

var inputUserPwd2Obj = $("#userPwd2");

inputUserNameObj.keyup(function(){

var text = inputUserNameObj.val();

if(text == ""){

$("#t1").css("border-color","red");

}else{

$("#t1").css("border-color","black");

}

});

$("#userName").blur(function(){

var text = inputUserNameObj.val();

$.post("testAction.action?userName="+text,null,function(response){

if(response=="用户名已经存在"){

document.getElementById("tip1").innerHTML="<font color='red'>"+response+"</font>";

}else{

document.getElementById("tip1").innerHTML="<font color='blue'>"+response+"</font>";

}

});

});

});

java代码

package com.hisoft.jqt.action;

import java.io.IOException;

import java.io.PrintWriter;

import java.util.HashMap;

import java.util.Map;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

import net.sf.json.JSONObject;

import org.apache.struts2.ServletActionContext;

import com.opensymphony.xwork2.ActionContext;

import com.opensymphony.xwork2.ActionSupport;

@SuppressWarnings("serial")

public class TestAction extends ActionSupport{

HttpServletRequest hsr;

String result;

public HttpServletRequest getHsr() {

return hsr;

}

public void setHsr(HttpServletRequest hsr) {

this.hsr = hsr;

}

public String getResult() {

return result;

}

public void setResult(String result) {

this.result = result;

}

public String test() throws IOException{

Map<String, String> map = new HashMap<String, String>();

ActionContext ac = ActionContext.getContext();

HttpServletRequest req = (HttpServletRequest)ac.get(ServletActionContext.HTTP_REQUEST);

HttpServletResponse res = (HttpServletResponse)ac.get(ServletActionContext.HTTP_RESPONSE);

String userName = req.getParameter("userName");

map.put("userName", userName);

res.setContentType("text/html;charset=UTF-8");

PrintWriter w = res.getWriter();

if("jack".equals(userName)){

w.println("用户名已经存在");

}else{

w.println("用户名已经不存在");

}

w.close();

return "success";

}

}

struts.xml



<package name="ajax" extends="json-default" >

<action name="testAction" class="com.hisoft.jqt.action.TestAction" method="test">

<result type="json" name="success">

<param name="root">result</param>

</result>

</action>

</package>

注意还需要导入两个包，json-lib-2.1-jdk15.jar ，jsonplugin-0.33.jar有版本问题，因为第二个包0.33适用于struts2.1.*的版本

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航