AJAX动态验证账号

<script type="text/javascript">
	var http_request = false;
	function createRequest(url) {
		http_request = false;
		if (window.XMLHttpRequest) { // 非IE浏览器
			http_request = new XMLHttpRequest(); //创建XMLHttpRequest对象
		} else if (window.ActiveXObject) { // IE浏览器
			try {
				http_request = new ActiveXObject("Msxml2.XMLHTTP"); //创建XMLHttpRequest对象
			} catch (e) {
				try {
					http_request = new ActiveXObject("Microsoft.XMLHTTP"); //创建XMLHttpRequest对象
				} catch (e) {
				}
			}
		}
		if (!http_request) {
			alert("不能创建XMLHttpRequest对象实例！");
			return false;
		}
		http_request.onreadystatechange = getResult; //调用返回结果处理函数
		http_request.open('GET', url, true); //创建与服务器的连接
		http_request.send(null); //向服务器发送请求
	}
	function getResult() {
		if (http_request.readyState == 4) { // 判断请求状态
			if (http_request.status == 200) { // 请求成功，开始处理返回结果
				document.getElementById("name_result").innerHTML = http_request.responseText; //设置提示内容
				document.getElementById("name_result").style.display = "block"; //显示提示框
				document.getElementById("name_result").style.color = "red";
			} else { // 请求页面有错误
				alert("您所请求的页面有错误！");
			}
		}
	}
	function checkUserName(userName){
		createRequest('checkName.jsp?user='+userName.value);
	}
</script>

建立AJAX

<%@page import="db.RegisterDao"%>
<%@page import="db.User"%>
<%@ page language="java" import="java.util.*" pageEncoding="GB18030" %>
<%
//判断是不是由数字或者英文字符组成
	String str = "/([a-z]+$)|([0-9]+$)|[a-z\\d]{3,20}/gi";
	RegisterDao registerDao = new RegisterDao();
	ArrayList<String> nameList= (ArrayList<String>)registerDao.queryAllUserAL1();			//创建一个一维数组
	String user=new String(request.getParameter("user").getBytes("utf-8"),"utf-8");	//获取用户名
	Collections.sort(nameList);
	if (user.length() < 3 || user.length() > 20 || user.matches(str)) {
		out.println("请输入正确的账号");
	}
	else if(nameList.contains(user)){
		out.println("很抱歉，该用户名已经被注册！");			//输出检测结果
	}else{
		out.println("恭喜您，该用户名没有被注册！");			//输出检测结果
	}
%>

建立名字检验

修改块中样式： document.getElementById().style.方法