|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<base href="<%=request.getContextPath()+"/"%>">
<title>注册页面</title>
<script type="text/javascript">
var xhr;
function checkNC() {
var nc = document.getElementById("nc").value;
if(nc==null||nc==''){
document.getElementById("nc_span").innerText="用户名不能为空";
}else {
//发送ajax请求
//[1]创建XMLHttpRequest对象
xhr=new XMLHttpRequest();
//[2]和服务器建立连接
//xhr.open(method,url,acy,username,passward);
xhr.open("get","RegisterServlet?nc="+nc,true);
//[3]执行回调函数
xhr.onreadystatechange=process;
//[4]发送请求数据
xhr.send(null);
}
}
function process() {
//接受ajax 的响应内容
var text= xhr.responseText;
//把响应回的内容放到span中
document.getElementById("nc_span").innerText=text;
}
</script>
</head>
<body>
<h3>用户注册</h3>
<form>
<p>
昵称:<input type="text" name="nc" id="nc" onblur="checkNC()"/>
<span id="nc_span"></span>
</p>
<p>
真是姓名:<input type="text" name="uname"/>
</p>
<p>
密码:<input type="text" name="pwd"/>
</p>
<p>
描述:<input type="text" name="desc"/>
</p>
<p>
<input type="submit" value="注册"/>
</p>
</form>
</body>
</html>
|
