用户名验证

 首先，在输入框添加onblur事件，并在输入框旁边预留一个span位置显示提示消息

function checkName() {
    //获取xmlhttp对象
	var req = getXMLHttpRequest();
	var username = document.getElementsByName("username");
	//console.info(username[0].value);
    //处理结果
	req.onreadystatechange = function() {
		if(req.readyState==4){//XMLHttpRequest对象读取响应结束
			if(req.status==200){//服务器响应一切正常
				var msg = document.getElementById("msg");
				if (req.responseText=="true") {
					msg.innerHTML = "<font color='red'>用户名已存在</font>";
				} else {
					msg.innerHTML = "<font color='green'>可以使用</font>";
				}
			}
		}
	}
	//创建连接
	req.open("get", "${pageContext.request.contextPath}/servlet/checkNameServlet?
username="+username[0].value);
    //发送请求
	req.send(null);
}

servlet处理页面

protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
	String username = req.getParameter("username");
	PrintWriter out = resp.getWriter();
	if (username.equals("tom")) {
		out.print(true);
	}else {
		out.print(false);
	}
}