var xmlHttpRequest ;
function validate(){if(window.ActiveXObject){
try{
xmlHttpRequest =new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
try{
xmlHttpRequest =new ActiveXObject("Msxml2.XMLHTTP");
}catch(e){}
}
}else if(window.XMLHttpRequest){
xmlHttpRequest =new XMLHttpRequest();
}
if(xmlHttpRequest!=null){
var user_name=$("#user_name").val();
xmlHttpRequest.open("POST","/soft/AjaxServlet?user_name="+user_name,true);
xmlHttpRequest.onreadystatechange=ajaxCallback;
xmlHttpRequest.send(null);
}
}
function ajaxCallback(){
if(xmlHttpRequest.readyState==4){
if(xmlHttpRequest.status==200){
var text=xmlHttpRequest.responseText;
if("The user name has been registered"==text){
$("#msg_name").css("color","red").html("该用户名已被注册");
}else if("You can use the user name"==text){
$("#msg_name").css("color","red").html("您可以使用该用户名");
}else{
$("#msg_name").css("color","red").html(text);
}
}
}
}
本文介绍了一个使用Ajax进行实时用户名验证的JavaScript实现案例。通过监听输入框的变化,该示例会向服务器发送请求检查用户名是否已被注册,并根据返回结果更新前端提示信息。
1万+

被折叠的 条评论
为什么被折叠?



