Ajax动态验证

最新推荐文章于 2022-08-08 19:05:07 发布

chqich73

最新推荐文章于 2022-08-08 19:05:07 发布

阅读量80

点赞数

分类专栏：学习笔记文章标签： Ajax Safari Firefox Opera Microsoft

本文链接：https://blog.csdn.net/chqich73/article/details/83530341

版权

学习笔记专栏收录该内容

3 篇文章 0 订阅

订阅专栏

function checkUser(){
 var username=document.all("username").value;
 if(username==""||username.length<6){
 var text="用户名最低为六位";
 var result=document.getElementById("result");
 result.innerHTML="<font color=\"red\">"+text+"</font>";
  document.all("username").focus();

  return false;
 }
 if (window.XMLHttpRequest) {
        //针对FireFox，Mozillar，Opera，Safari，IE7，IE8
        xmlhttp = new XMLHttpRequest();
        //针对某些特定版本的mozillar浏览器的BUG进行修正
        if (xmlhttp.overrideMimeType) {
            xmlhttp.overrideMimeType("text/xml");
        }
    } else if (window.ActiveXObject) {
         //针对IE6，IE5.5，IE5
        //两个可以用于创建XMLHTTPRequest对象的控件名称，保存在一个js的数组中
        //排在前面的版本较新
        var activexName = ["MSXML2.XMLHTTP","Microsoft.XMLHTTP"];
        for (var i = 0; i < activexName.length; i++) {
            try{
                //取出一个控件名进行创建，如果创建成功就终止循环
                //如果创建失败，回抛出异常，然后可以继续循环，继续尝试创建
                xmlhttp = new ActiveXObject(activexName[i]);
                break;
            } catch(e){
            }
        }
 }
  if (!xmlhttp) {
        alert("XMLHttpRequest对象创建失败!!");
        return;
    } else {

    }
  xmlhttp.onreadystatechange=callback;
  xmlhttp.open("Get","user.do?method=checkUser&username="+username,true);

  xmlhttp.send(null); 
}

function callback(){
 if(xmlhttp.readyState==4){
    if(xmlhttp.status==200){
     var responseText=xmlhttp.responseText;
     var result=document.getElementById("result");

     if(responseText.indexOf("该用户名已经被使用!")!=-1)
     {
     result.innerHTML="<font color=\"red\">"+responseText+"</font>";
     document.all("username").focus();
     return ;

     }
     else
     {
     result.innerHTML="<font color=\"blue\">"+responseText+"</font>";

     }
    }
  else{
  alter("异常");
  }
 }
}