ajax进行用户的有效性检测示例

ajax进行用户的有效性检测示例

1、 输入域：

会员的有效性检查：

<input type="text" name="username">&nbsp;&nbsp;<input type="button" value="检查" onclick="return check();">

2、 JavaScript脚本：

var xmlHttp;

//创建XMLHttpRequest对象

function createXMLHttpRequest() {

if(window.ActiveXObject) {

xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");

} else if (window.XMLHttpRequest) {

xmlHttp = new XMLHttpReuqest();

}

//注册名有效性检查

function check() {

var username = document.getElementById('username').value;

if(username=="") {

alert("用户名不能为空！");

return;

}

createXMLHttpRequest();

xmlHttp.onreadystatechange = processCheck;

xmlHttp.open("GET", "CheckUser?username=" + username);

xmlHttp.send(null);

}

//绑定的有效性检查函数

function processCheck() {

var result;

if(xmlHttp.readyState == 4) { //如果响应完成

if(xmlHttp.status == 200) { //如果返回成功

result = xmlHttp.responseText;

var temp = myTrim(result);

if(temp=="false") {

alert("用户名无效，不能注册！");

return;

} else {

alert("用户名有效，可以注册！");

return;

}

}

}

}

//去除前后空格

function myTrim(str){

return str.replace(/^\s+/,'').replace(/\s+$/,'');

}

3、 Servlet文件：（CheckUser.java文件中的doGet方法）

public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

response.setContentType("text/html");

PrintWriter out = response.getWriter();

String username = request.getParameter("username");

boolean isChecked = true;

String[] login = {"admin", "solid"};

for(int i=0; i<login.length; i++) {

if(username.equals(login[i])) {

isChecked = false;

}

}

out.println(isChecked);

out.flush();

out.close();

}

4、 web.xml文件配置：

<servlet>

<servlet-name>CheckUser</servlet-name>

<servlet-class>com.solid.util.CheckUser</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>CheckUser</servlet-name>

<url-pattern>/CheckUser</url-pattern>

</servlet-mapping>