ajax注册用户无刷新自动验证代码及调用代码

以下是要用到的js代码，一般单独放一个js文件，本例放置到myjs.js文件当中，以下是引用该文件的代码；   

<script language="javascript" src="myjs.js" type="text/javascript"></script>

代码如下：

 

       

var icon = '<img src="image/warning.gif" width="14" height="14" border="0" align="top">';
        var ns = ["Loginname","Password","Passw","Mail","Companyname","Tel","Fax","Dizhi","Zip","Linkname","Shouji","Url","Jieshao","Yanzheng"];
        
        // 换一张图片
        function SetImage(){
           //  
           var rod =  Math.round(Math.random() * 100);
          $('ImaYanZhen').src = "image/loading.gif";//  
          $('ImaYanZhen').src = "ValidateCode.aspx?id=" + rod;
        }
        
        function checkUsr(s){  
            var ma = ["用户名（4-16位）！","用户名由数字、英文、下划线、中杠线组成！"];
            if(!limitLen(s,4,16)){
             showInfo("Loginname",ma[0]);
             return false;
            }
            if(!hasAccountChar(s)){
             showInfo("Loginname",ma[1]);
             return false;
            }
            showInfo("Loginname");
            return true;
        }
        
        function isLoginname(s)
        {
            var ma = ["用户名（4-16位）！","用户名由数字、英文、下划线、中杠线组成！","此用户名已被注册，请另换一个。","请等待，数据加载中..."];
            var icons = '<img src="image/loading.gif" width="14" height="14" border="0" align="top">';
            
            if(!limitLen(s,4,16)){
             showInfo("Loginname",ma[0]);
             return false;
            }
            if(!hasAccountChar(s)){
             showInfo("Loginname",ma[1]);
             return false;
            }
            
            $("TisiLoginname").className = "focus";
            $("LoginnameInfo").innerHTML = icons + ma[3];
              
           var bRet = join.GetReturnCode(s).value;
           if(bRet == "1"){
                $("TisiLoginname").className = "error";
                $("LoginnameInfo").innerHTML = icon + ma[2];
           }
           else
           {
                showInfo("Loginname");
           }
        }
        
       function checkPwd(s){
  var ma = ["密码（6-20位）！","密码不能包含中文或全角符号！","两次输入的密码不一致！"];
  if(!limitLen(s,6,16)){
   showInfo("Password",ma[0]);
   return false;
  }
  if(hasChineseChar(s)){
   showInfo("Password",ma[1]);
   return false;
  }
  showInfo("Password");
  return true;
}
  
function checkPwd2(s){
     var ma = ["密码（6-20位）！","密码不能包含中文或全角符号！","两次输入的密码不一致！"];
     if(!limitLen(s,6,16)){
   showInfo("Passw",ma[0]);
   return false;
  }
  if(hasChineseChar(s)){
   showInfo("Passw",ma[1]);
   return false;
  }
        
        if( s==trim($("TexPassword").value))
        {
            showInfo("Passw");
            return true;
        }
     else{
         showInfo("Passw",ma[2]);
      return false;
     }
}
  
function checkEml(s){
  var ma = ["请输入常用邮件！","邮件格式不正确！"];
  if(s.length < 5){
   showInfo("Mail",ma[0]);
   return false;
  }
  if(!isEmail(s)){
   showInfo("Mail",ma[1]);
   return false;
  }
  showInfo("Mail");
  return true;
}
  
  function checkCompany(s){  
  var ma = ["企业名称不能为空！"];
  if(!limitLen(s,1,100)){
   showInfo("Companyname",ma[0]);
   return false;
  }
  showInfo("Companyname");
  return true;
}  
  
  function checkPhone(){  
      var ma = ["电话国家代码不能为空！","电话区号不能为空！","电话号码不正确！"];
      var gj = $("TexTelGJ").value;
      var qh = $("TexTelQH").value;
      var s = $("TexTel").value;
      if(gj.length == 0){
       showInfo("Tel",ma[0]);
       return false;
      }
      if(qh.length == 0){
       showInfo("Tel",ma[1]);
       return false;
      }  
      if(!isPhone(gj + "-" + qh+"-" + s)){
       showInfo("Tel",ma[2]);
       return false;
      }  
      showInfo("Tel");
      return true;
     }  
        
        function checkFax(){
            var ma = ["传真国家代码不能为空！","传真区号不能为空！","传真号码不正确！"];
      var gj = $("TexFaxGJ").value;
      var qh = $("TexFaxQH").value;
       var s = $("TexFax").value;
        
      if(gj.length == 0 && qh.length == 0 && s.length == 0)
      {
          $("TisiFax").className = "lond";
          $("FaxInfo").innerHTML = "";
          return true;
      }
      if(gj.length == 0){
       showInfo("Fax",ma[0]);
       return false;
      }
      if(qh.length == 0){
       showInfo("Fax",ma[1]);
       return false;
      }  
      if(!isPhone(gj + "-" + qh + "-" + s)){
       showInfo("Fax",ma[2]);
       return false;
      }  
      showInfo("Fax");
      return true;
        }
        
        
        function checkDizi(s){  
            var ma = ["企业地址不能为空！"];
            if(!limitLen(s,1,100)){
             showInfo("Dizhi",ma[0]);
             return false;
            }
            showInfo("Dizhi");
            return true;
        }
        
     function checkZip(s){
            var ma = ["邮政编码格式不正确！"];
            if(s.length == 0){
                $("TisiZip").className = "lond";
          $("ZipInfo").innerHTML = "中国地区用户请填写规范的6位邮政编码。";
          return true;
            }
            if(!isZip(s)){
             showInfo("Zip",ma[0]);
             return false;
            }
            showInfo("Zip");
            return true;
     }
      
     function checkShengfen(){
            var ma = ["请选择公司所在省份！","请选择公司所在市区！"];
            var sh,qu;
            sh = $("DropShengfen").selectedIndex;
            qu = $("DropDiqu").selectedValue;
            if(sh == 0){
                showInfo("Shengfen",ma[0]);
                return false;
            }
            if(qu == ""){
                showInfo("Shengfen",ma[1]);
                return false;
            }
            showInfo("Shengfen");
            return true;
     }
      
    function checkLinkname(s){
         var ma = ["联系人不能为空！"];
      if(!limitLen(s,2,20)){
       showInfo("Linkname",ma[0]);
       return false;
      }
      showInfo("Linkname");
      return true;
    }
    
    function checkShouji(s){
         var ma = ["手机格式不正确！"];
         if(s.length == 0){
             $("TisiShouji").className = "lond";
          $("ShoujiInfo").innerHTML = "建议您填写，以便潜在客户及时与您取得联系！";
          return true;
         }
         if(!isMobile(s)){
             showInfo("Shouji",ma[0]);
             return false;
         }
      showInfo("Shouji");
      return true;
    }
    
    function checkUrl(s){
         var ma = ["网址格式不正确！"];
         if(s == "HTTP://" || s.length == 0){
             $("TisiUrl").className = "lond";
          $("UrlInfo").innerHTML = "请在网址前加：HTTP://。";
          return true;
         }
         if(!isURL(s)){
             showInfo("Url",ma[0]);
             return false;
         }
      showInfo("Url");
      return true;
    }
    
    function checkJieshao(s){
         var ma = ["企业介绍不能为空！"];
      if(!limitLen(s,1,2000)){
       showInfo("Jieshao",ma[0]);
       return false;
      }
      showInfo("Jieshao");
      return true;
    }
    
    
    function checkYanzheng(s){
         var ma = ["验证码不能为空！","验证码为4位字母或数字！","验证码输入错误，请重新输入！"];
         if(s.length == 0)
         {
             showInfo("Yanzheng",ma[0]);
             return false;
         }
         if(s.length < 4)
         {
             showInfo("Yanzheng",ma[1]);
             return false;
         }else{
            var ses = join.sessions().value;
            if(s.toLowerCase() != ses)
            {
                 showInfo("Yanzheng",ma[2]);
                 return false;
            }
        }
        showInfo("Yanzheng");
     return true;
    }
    
        function inputfocus(n,i)
        {
            var ma = ["4-16位；只限数字(0-9)和英文(a-z),不区分大小写；建议使用公司名称简称。",
                "6-20位，区分大小写, 不能与用户名相同；建议为英文字母(a-z)和数字(0-9)结合，便于记忆，不易被猜出。",
                "请再输入一遍上面填写的密码。",
                "请填写常用的电子邮箱，这是客户联系您的一种方式！",
                "请使用中文填写贵公司的全称。",
                "很重要！这是客户联系您的主要方式！",
                "请填写完整的公司地址。",
                "中国地区用户请填写规范的6位邮政编码。",
                "请选择公司所在省市。",
                "请填写联系人的真实姓名。",
                "建议您填写，以便潜在客户及时与您取得联系！",
                "请在网址前加：HTTP://。",
                "可以填入最多2000字的企业介绍。",
                "请输入左侧显示的验证字符串（不区分大小写）。"];
            var fdo = $("Tisi" + n);
            var ido = $(n + "Info");
            fdo.className = "focus";
            ido.innerHTML = ma[i];
        }
        
        function showInfo(n,s){
            var fdo = $("Tisi" + n);
            var ido = $(n + "Info");
            if(typeof s == 'undefined'){
                fdo.className = "ok";
                ido.innerHTML = "填写正确！";
            }else{
                fdo.className = "error";
                ido.innerHTML = icon + s;
            }
        }
        
        function submits(){
            checkUsr($("Tex" + ns[0]).value);
            checkPwd($("Tex" + ns[1]).value);
            checkPwd2($("Tex" + ns[2]).value);
            checkEml($("Tex" + ns[3]).value);
            checkCompany($("Tex" + ns[4]).value);
            checkPhone();
            checkFax();
            checkDizi($("Tex" + ns[7]).value);
            checkZip($("Tex" + ns[8]).value);
            checkShengfen();
            checkLinkname($("Tex" + ns[9]).value);
            checkShouji($("Tex" + ns[10]).value);
            checkUrl($("Tex" + ns[11]).value);
            checkJieshao($("Tex" + ns[12]).value);
            checkYanzheng($("Tex" + ns[13]).value);
            
            for(var i=0;i<ns.length;i++){
               if( $("Tisi" + ns[i]).className == "error"){
                    $("Tex" + ns[i]).focus();  
                   return false;
               }
               else{
                    continue;
               }
            }
           // return true;
        var  fax = "", fw = "", mes = "由于网络原因注册失败，请联系管理人员。";
        var baomi = 0;
        var tel =  $("TexTelGJ").value + "-" + $("TexTelQH").value +"-"+$("TexTel").value;
        
        if(trim($("TexFax").value) != ""){
            fax =  $("TexFaxGJ").value + "-" + $("TexFaxQH").value +"-"+$("TexFax").value;
        }
        
        for(var i =1;i<7;i++){
            if($("CheckBox" + i).Checked == "Checked"){
                fw += $("CheckBox" + i).value + ",";
                }
        }
        
        if($("RadioButtonList1_0").checked == "checked"){
            baomi = 0;
            }
            else{
            baomi = 1;
            }
            
        var a1 = $("TexLoginname").value;
        var a2 = $("TexPassword").value;
        var a3 = $("TexMail").value;
        var a4 = $("TexCompanyname").value;
        var a5 = $("TexDizhi").value;
        var a6 = $("TexZip").value;
        var a7 = $("DropShengfen").value;
        var a8 = $("DropDiqu").value;
        var a9 = $("TexLinkname").value;
        var a10 = $("TexShouji").value;
        var a11 = $("TexUrl").value;
        var a12 = $("DropDownList3").value;
        var a13 = $("TexJieshao").value;
          
        var bRet = join.AddCompanya(a1,a2,a3,a4,tel, fax,a5,a6,a7,a8,a9,a10,baomi,a11,a12, fw,a13,$('HidIP').value).value;
        
        if(bRet == "1"){
            location.href="Default.aspx";
        }
        else{
             alert(bRet);
        }
            // 调用后台的代码 写入数据库
        }
        function initPage(){
            for(var i=0;i<ns.length;i++){
                $("Tex" + ns[i]).value = "";
            }
        }

说明：

 

以下是代码的应用，请参考：

 

<asp:TextBox ID="TexPassword" runat="server" BorderStyle="Groove" MaxLength="16"  onfocus="inputfocus('Password',1)" onkeyup="checkPwd(this.value);" onblur="checkPwd(this.value);"
                            TextMode="Password" Width="150px"></asp:TextBox>


<asp:TextBox ID="TexPassw" runat="server" BorderStyle="Groove" MaxLength="16" onfocus="inputfocus('Passw',2)" onkeyup="checkPwd2(this.value);" onblur="checkPwd2(this.value);" Width="150px" TextMode="Password"></asp:TextBox>.........................................................