<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.方法