<script type="text/javascript">
function getXMLHttpRequest()
{ var xmlhttp;
if (window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
else{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlhttp;
}
function checkName()
{
//得到用户输入的用户名
var txt = document.getElementsByName("username")[0];
var name = txt.value;
var req = getXMLHttpRequest();//得到 XMLHttpRequest对象
//定义当servlet返回结果时的处理方法
req.onreadystatechange=function(){
if(req.readyState==4 && req.status==200){
//得到响应的数据
var span = document.getElementById("msg");
span.innerHTML = req.responseText;
}
};
req.open("get","${pageContext.request.contextPath}/servlet/findNameServlet?name="+name);
req.send(null);
}
</script>
<body>
<!-- 验证用户名是否存在,当文本框失去焦点时立刻验证 -->
用户名<input type="text" name="username" onblur="checkName()"><span id="msg"></span></br>
密码<input type="password" name="passwd"></br>
<input type="submit" value="注册">
</body>
AJAX实现用户名验证
最新推荐文章于 2021-03-31 00:53:06 发布