javascript注册功能

<script language="javascript">
  var clickcounter=0;
  var XmlVersion = -1;
  function CheckVer() {
   XmlVersion = 4;
   try {
    xmldom = new ActiveXObject("MSXML2.DOMDocument.4.0");
   } catch (e) {
    XmlVersion = 3;
   }
   return 0;
  }

  function XmlHttpPost(webFile, sendXml) {
   var xmlHttp = GetXmlHttp();
   xmlHttp.Open("POST", webFile, false);
   xmlHttp.SetRequestHeader("Content-Type","text/xml; charset=utf-8");
   xmlHttp.Send(sendXml);
   return xmlHttp.responseText;
  }
  
  function GetXmlHttp() {
  if (XmlVersion == -1)
   CheckVer();
  if (XmlVersion == 4)
   return new ActiveXObject("MSXML2.XMLHTTP.4.0");
  return new ActiveXObject("MSXML2.XMLHTTP.3.0");
  }
  
  function IsCheckData()
  {   var username = form.Accounts.value;  
      if (username.length<=0)
      {
    alert("请填写登录帐号！");
    form.Accounts.focus();
    return false;
      }  
   var s = XmlHttpPost("member_CheckUser.aspx?username="+username+"","");
   
   if(s.indexOf("True")<0)
   {
   document.getElementById('Msg').innerHTML = "可以注册";
   return false;
   }
   else
   {
   document.getElementById('Msg').innerHTML = "该登录名已经存在";
   return false;
   }
  }
  
  function IsCheckDataCom()
  {   var comname = form.Comname.value;  
      if (comname.length<=0)
      {
    alert("请填写公司名称！");
    form.Comname.focus();
    return false;
      }  
   var s = XmlHttpPost("member_CheckCom.aspx?comname="+escape(comname),"");
   
   if(s.indexOf("True")<0)
   {
   document.getElementById('MsgCom').innerHTML = "可以注册";
   return false;
   }
   else
   {
   document.getElementById('MsgCom').innerHTML = "已经存在";
   return false;
   }
  }
  
  function IsCheckDataEmail()
  {   var email = form.Email.value;  
      if (email.length<=0)
      {
    alert("请填写邮箱地址！");
    form.email.focus();
    return false;
      }  
   var s = XmlHttpPost("member_CheckEmail.aspx?email="+escape(email),"");
   
   if(s.indexOf("True")<0)
   {
   document.getElementById('MsgEmail').innerHTML = "可以注册";
   return false;
   }
   else
   {
   document.getElementById('MsgEmail').innerHTML = "已经存在";
   return false;
   }
  }
  
  function CheckSubject()
  {
      var emailReg = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
      var emailReg1 = /^[a-zA-Z0-9_.@]{5,99}$/;
      var accountReg = /^[a-zA-Z0-9_]{3,19}$/;
      var pwdReg = /^[a-zA-Z0-9]{5,19}$/;
     
      var strPatP = /\d{3}-\d{8}|\d{4}-\d{7}/;   
      var regTel = new RegExp(strPatP);
     
      var strZip = /\d{6}/;
      var regZip = new RegExp(strZip);
     
           
      if (form.Accounts.value.length<=0)
      {
    alert("请填写登录帐号！");
    form.Accounts.focus();
    return false;
      }
     
     if (form.Accounts.value.length<4 || form.Accounts.value.length>20)
      {
    alert("帐号长度请控制在4-20个字符！");
    form.Accounts.focus();
    return false;
      }
     
       if ((!accountReg.test(document.form.Accounts.value)))
            {
               alert("您输入的用户名不符合系统要求！");
    form.Accounts.focus();
       return false;
            }
            
            if (form.Pwd.value.length<=0)
      {
    alert("请填写密码！");
    form.Pwd.focus();
    return false;
      }
     
       if ((!pwdReg.test(document.form.Pwd.value)))
            {
               alert("您输入的密码不符合系统要求！");
    form.Pwd.focus();
       return false;
            }
     
      if (form.Pwd.value.length<6 || form.Pwd.value.length>20)
      {
    alert("密码长度请控制在6-20个字符！");
    form.Pwd.focus();
    return false;
      }
     
      if (form.RePwd.value.length<=0)
      {
    alert("请再次输入密码！");
    form.RePwd.focus();
    return false;
      }
     
      if (form.Pwd.value != form.RePwd.value)
      {
    alert("两次输入的密码不一样！");
    form.RePwd.focus();
    return false;
      }
     
       if (form.NickName.value.length<=0)
      {
    alert("请输入笔名！");
    form.NickName.focus();
    return false;
      }
     
       if (form.Email.value.length<=0)
      {
    alert("请输入电子邮件！");
    form.Email.focus();
    return false;
      }

            if ((!emailReg.test(document.form.Email.value)))
            {
               alert("请输入有效的电子邮件！");
    form.Email.focus();
       return false;
            }
           
             if ((!emailReg1.test(document.form.Email.value)))
            {
                alert("请输入有效的电子邮件！");
    form.Email.focus();
       return false;
            }
     
     if(form.Radio1.checked==false)
     {
     
           
    if (form.Linkman.value.length<=0)
      {
    alert("请填写真实姓名！");
    form.Linkman.focus();
    return false;
      }
     
     if (form.Linkman.value.length<2 || form.Linkman.value.length>20)
      {
    alert("真实姓名长度至少在2-20个字符！");
    form.Linkman.focus();
    return false;
      }
            
            if (form.Tel.value.length<=0)
      {
    alert("请填写固定电话！");
    form.Tel.focus();
    return false;
      }
     
      if(form.Tel.value.search(regTel) == -1){
     alert("固定电话格式输入有误，请重试！");
     form.Tel.focus();
     return false;
    } 
     
       if (form.ddlProvince.value.length<=0)
      {
    alert("请选择省份！");
    form.ddlProvince.focus();
    return false;
      }
     
       if (form.Address.value.length<=0)
      {
    alert("请填写具体地址！");
    form.Address.focus();
    return false;
      }
     
       if (form.Zip.value.length<=0)
      {
    alert("请填写邮编！");
    form.Zip.focus();
    return false;
      }
     
       if(form.Zip.value.search(regZip) == -1){
     alert("邮编格式输入有误！");
     form.Zip.focus();
     return false;
    } 
     
          
       if (form.Job.value.length<=0)
      {
    alert("请填写您的职位！");
    form.Job.focus();
    return false;
      }
     
        if (form.IsBuy.checked)
      {
     if (form.BuyPro.value.length<=0)
    {
     alert("请填写贵公司需要求购的产品！");
     form.BuyPro.focus();
     return false;
    }
      }
     
        if (form.IsSale.checked)
      {
     if (form.SalePro.value.length<=0)
    {
     alert("请填写贵公司销售的产品！");
     form.SalePro.focus();
     return false;
    }
      }
     
        if (form.IsAll.checked)
      {
         if (form.BuyPro.value.length<=0)
    {
     alert("请填写贵公司需要求购的产品！");
     form.BuyPro.focus();
     return false;
    }
    
     if (form.SalePro.value.length<=0)
    {
     alert("请填写贵公司销售的产品！");
     form.SalePro.focus();
     return false;
    }
      }
     
     
       var saleProSubject = document.getElementById("SalePro").value.replace(/[^\x00-\xff]/g,"**").length;
       var buyProSubject = document.getElementById("BuyPro").value.replace(/[^\x00-\xff]/g,"**").length;
      
        if (saleProSubject>200)
        {alert("销售的产品长度不能超过100个汉字或200个英文字母,目前的长度为"+saleProSubject);form.SalePro.focus();return false;}
       
        if (buyProSubject>200)
        {alert("采购的产品长度不能超过100个汉字或200个英文字母,目前的长度为"+buyProSubject);form.BuyPro.focus();return false;}
       
        if (form.Intro.value.length<=0)
        {
    alert("请填写贵公司简介！");
    form.Intro.focus();
    return false;
        }
      }
     
  }
  
  function CheckPro(action)
  {
      if(action == "1")
      {
         document.getElementById("salePro").style.display = "none";  
         document.getElementById("buyPro").style.display = "";
      }
      else if(action == "2")
      {
         document.getElementById("buyPro").style.display = "none"; 
         document.getElementById("salePro").style.display = ""; 
      }
      else
      {
         document.getElementById("buyPro").style.display = ""; 
         document.getElementById("salePro").style.display = "";
      }
  }
  
  function CheckGrade(action)
  {
      if(action == "1")
      {
         document.getElementById("TrCom").style.display = "none";  
         document.getElementById("TrMore").style.display = "none";
      }
      else
      {
         document.getElementById("TrCom").style.display = "";  
         document.getElementById("TrMore").style.display = "";
      }
  }
  
  //邮编
  function validateZipcode(obj){
   var str = obj.value;
   if(!checkByteLength(str,1,8)) return 1;
   var patn = /^[0-9]+$/;
   if(!patn.test(str)) return 1;
   return 0;
  }
  
  //手机
  function validateMobile(obj){
   var str1 = obj.value;
   var str = tot(str1);
   obj.value = str;
   if(str.length > 16){
    return 1;
   }
   if(str.length == 0){
    return -1;
   }
   var patn = /^[0-9]+$/;
   if(patn.test(str)) return 0;
   return 2;  
  }
  </script>



当在一个文本框输入完文本后，按回车键提交，可是有时候页面有几个按钮，这个时候就需要用到js来处理了

<asp:TextBox id="txtSearch" style="BORDER-RIGHT: #258ede 1px solid; BORDER-TOP: #258ede 1px solid; FONT-SIZE: 14px; BORDER-LEFT: #258ede 1px solid; COLOR: #000000; LINE-HEIGHT: 100%; PADDING-TOP: 5px; BORDER-BOTTOM: #258ede 1px solid; HEIGHT: 25px;" Width="150"    maxLength="70" Runat="server" onkeypress="knockEnter1()"></asp:TextBox>

js：
function knockEnter1()
{
    if (event.keyCode == 13)
    {
        event.keyCode = null;
        document.all("btnSearch").click();//一个button按钮，服务器端的
    }
}

网页中只有一个TextBox的时候，当TestBox中输入文字，习惯性按下回车提交时，页面只会刷新一下，并没有将TextBox中的内容提交。如：

<asp:TextBox id="tbInput" runat="server" Width="240px"></asp:TextBox>
<asp:Button id="btnOK" runat="server" BorderWidth="1px" BorderColor="Purple" BorderStyle="Solid" Text="Search Site"></asp:Button>

以前找到一个方案，用javascript来解决。添加：

<SCRIPT LANGUAGE="javascript">
<!--
function SubmitKeyClick(button) 
{    
 if (event.keyCode == 13) 
 {        
  event.keyCode=9;
  event.returnValue = false;
  document.all[button].click(); 
 }
}
// -->
</SCRIPT>

Page_Load里添加：

tbInput.Attributes.Add("onkeydown","SubmitKeyClick('btnOK');");

另一个解决办法是添加一个TextBox，style设置成隐藏的就可以了（Visible设置成false是不行的）。

<asp:TextBox id="tbInput" runat="server" Width="240px"></asp:TextBox>
<asp:TextBox id="hidden" runat="server" style="visibility:hidden;display:none;"></asp:TextBox>
<asp:Button id="btnOK" runat="server" BorderWidth="1px" BorderColor="Purple" BorderStyle="Solid" Text="Search Site"></asp:Button>

<script language="javascript">
function document.onkeydown()                //网页内按下回车触发
{
        if(event.keyCode==13)
        {
                document.getElementById("Submit1").click();   //服务器控件Submit1点击事件被触发
                return false;                               //不知道是什么意思,不加这行就不触发后台事件.参见【注】
        }
}
</script>

【注】   onfone对return false的解释:

Feedback

 

# re: 多页面重定向到同一页面后再返回之四巧手_AX

2006-08-29 09:35 | lonfone

return false 使服务器按钮执行完客户端脚本后, 不进行 form.submit 动作, 就是不作POST BACK  回复

在这里好像不是这个意思,因为该脚本就是为了传回到服务器触发事件.

------------------------------------------------------------------------------------------------------------------
附赠1:   

欢迎光临 Carey's blog
在文本框中按回车触发事件   [ 日期：2006-04-09 ] 
<script type="text/javascript"  language="javascript">
function   EnterRedirect(Obj)
{
    if(event.keyCode==13)
        Obj.click();
}
</script>
<input onkeydown="EnterRedirect(Submit) type="password" /> 

------------------------------------------------------------------------------------------------------------------

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8 " />
    <title>E都市2D</title>
    <style>
        body{margin:0;padding:0; color:#5D5C5C;background:url(images/index01.gif) repeat-x; width:100%;font-size:12px;}
        html{width:100%}
        table{font-size:12px; line-height:22px;}
        a{font-size:12px; color:#5D5C5C; text-decoration:none}
        a:hover{font-size:12px; color:#5D5C5C; text-decoration:underline}
        .Logo{height:110px; background:url(images/index02.gif) no-repeat center; margin-top:80px}
        .MenuCity{height:39px; line-height:48px; background:url(images/index03.gif) no-repeat; padding:0 10px 0 90px; margin-bottom:10px}
        .MenuCity a ,.MenuCity a:hover{ font-size:14px; color:#000; margin-right:8px}
        .SpaceCity{width:795px;}
        .SpaceCity .Left{width:392px; float:left;}
        .SpaceCity .Right{width:392px; float:right;}
        .SpaceCity .Main{width:392px;}
        .SpaceCity .Main .Space{ height:25px; line-height:25px; background:url(images/index04.gif) repeat-x; padding-left:5px; color:#A76B01}
        .SpaceCity .Main .City{ padding:7px 5px 7px 5px; line-height:25px;}
        .Foot{width:100%; border-top:1px solid #ccc; line-height:40px; margin-top:20px; text-align:center;}
        .SList{width:420px;position:absolute; z-index:500; }
        .City2d{width:400px;}
        .AOver{ margin-left:15px; height:9px; font-size:1px; background:url(images/index05.gif) no-repeat left bottom; position:relative; top:2px}
        .ShowCity{ padding:5px; line-height:20px; font-size:12px; border:1px solid #FFC14E; background:#FFF8E6; }
    </style>

    <script language="javascript" type="text/javascript" charset="gb2312" src="Js/{$Edition}/05.IndexCityCode.js"></script>

    <script language="javascript" type="text/javascript">
        function $(){
         var objElements = new Array();
         var i;
         for (i=0;i< arguments.length;i++){
          var objEle = arguments[i];
          if(typeof arguments[i] == 'string'){
           objEle = document.getElementById(arguments[i]);
          }
          objElements.push(objEle);
         }
         if(arguments.length==1){
          return objEle;
         }else{
          return objElements;
         }
        }
        //定位鼠标坐标
        function findPosX(obj) {
         var curleft = 0;
         if (obj && obj.offsetParent) {
          while (obj.offsetParent) {
           curleft += obj.offsetLeft;
           obj = obj.offsetParent;
          }
         } else if (obj && obj.x) curleft += obj.x;
         return curleft;
        }
        function findPosY(obj) {
         var curtop = 0;
         if (obj && obj.offsetParent) {
          while (obj.offsetParent) {
           curtop += obj.offsetTop;
           obj = obj.offsetParent;
          }
         } else if (obj && obj.y) curtop += obj.y;
         return curtop;
        }
        var previewFrom = null;
        var previewTimeoutId=null;
        var flag=0;
        function CloseMobilePanel(){
          $('DragWindow').style.display   = 'none';   
        }
        function ShowMobileT(e){
            previewFrom = e.target || e.srcElement;
            for(var i=0;i<a.length;i++){
                if(a[i]==previewFrom.innerHTML){
                    _showPreview(i);
                    return false;
                }
            }       
        }
        function _showPreview(ID){
          if(flag==0){
          var posX = findPosX(previewFrom)+10;
          var posY = findPosY(previewFrom)+5;   
         }else{   
          var posX = findPosX(previewFrom)+10;
          var posY = findPosY(previewFrom)+5;
         }
            var previewBox=$('DragWindow');
         previewBox.style.left = posX + 'px';
         previewBox.style.top = posY + 'px';
         previewBox.style.position = 'absolute';
         previewBox.style.display = 'block';
         var i,j;
            var strHtml=new Array();
            var s="";
            for(i=0,j=0;i<b[ID].length && j<c[ID].length;i++,j++)
            {
              //入栈
              strHtml.push("<a href='http://2d.edushi.com/?"+c[ID][j]+"'target='_blank'>"+b[ID][i]+"</a>");
            }
            //替换
            s=strHtml.join('、');
            $('ShowCity').innerHTML="<table width='400px' ><tr><td>"+s+"</td></tr></table>";
            s=null;
            }       
    </script>

</head>
<body>
    <table width="795" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <div class="Logo">
                </div>
                <div class="MenuCity">
                    <a href="http://2d.edushi.com/?beijing" target="_blank">北京</a> <a href="http://2d.edushi.com/?tianjin">
                        天津</a> <a href="http://2d.edushi.com/?shenyang" target="_blank">沈阳</a> <a href="http://2d.edushi.com/?dalian"
                            target="_blank">大连</a> <a href="http://2d.edushi.com/?haerbin" target="_blank">哈尔滨</a>
                    <a href="http://2d.edushi.com/?jinan" target="_blank">济南</a> <a href="http://2d.edushi.com/?qingdao"
                        target="_blank">青岛</a> <a href="http://2d.edushi.com/?nanjing" target="_blank">南京</a> <a href="http://2d.edushi.com/?shanghai"
                            target="_blank">上海</a> <a href="http://2d.edushi.com/?hangzhou" target="_blank">杭州</a>
                    <a href="http://2d.edushi.com/?wuhan" target="_blank">武汉</a> <a href="http://2d.edushi.com/?guangzhou"
                        target="_blank">广州</a> <a href="http://2d.edushi.com/?shenzheng" target="_blank">深圳</a>
                    <a href="http://2d.edushi.com/?zhongqing" target="_blank">重庆</a> <a href="http://2d.edushi.com/?chengdu"
                        target="_blank">成都</a> <a href="http://2d.edushi.com/?xian" target="_blank">西安</a></div>
                <div class="SpaceCity">
                    <div class="Left">
                        <div class="Main">
                            <div class="Space">
                                华北地区</div>
                            <div class="City">
                                <a href="http://2d.edushi.com/?beijing" target="_blank">北京市</a>、<a href="http://2d.edushi.com/?tianjin" target="_blank">天津市</a>、<a onmouseover="ShowMobileT(event)">河北省</a>、<a onmouseover="ShowMobileT(event,7)">山西省</a>、<a
                                    onmouseover="ShowMobileT(event)">内蒙古自治区</a></div>
                        </div>
                        <div class="Main">
                            <div class="Space">
                                华东地区</div>
                            <div class="City">
                                <a href="http://2d.edushi.com/?shanghai" target="_blank">上海市</a>、<a onmouseover="ShowMobileT(event)">江苏省</a>、<a onmouseover="ShowMobileT(event,1)">浙江省</a>、<a
                                    onmouseover="ShowMobileT(event)">安徽省</a>、 <a onmouseover="ShowMobileT(event)">福建省</a>、<a
                                        onmouseover="ShowMobileT(event)">江西省</a>、<a onmouseover="ShowMobileT(event)">山东省</a>、<a
                                            onmouseover="ShowMobileT(event)">台湾省</a></div>
                        </div>
                        <div class="Main">
                            <div class="Space">
                                东北地区</div>
                            <div class="City">
                                <a onmouseover="ShowMobileT(event)">辽宁省</a>、<a onmouseover="ShowMobileT(event)">吉林省</a>、<a
                                    onmouseover="ShowMobileT(event)">黑龙江省</a></div>
                        </div>
                        <div class="Main">
                            <div class="Space">
                                西南地区</div>
                            <div class="City">
                                <a href="http://2d.edushi.com/?beijing" target="_blank" >重庆市</a>、<a onmouseover="ShowMobileT(event)">四川省</a>、<a onmouseover="ShowMobileT(event)">贵州省</a>、<a
                                    onmouseover="ShowMobileT(event)">云南省</a>、<a onmouseover="ShowMobileT(event)">西藏自治区</a>、<a
                                        onmouseover="ShowMobileT(event)">广西壮族自治区</a></div>
                        </div>
                    </div>
                    <!---->
                    <div class="Right">
                        <div class="Main">
                            <div class="Space">
                                华南地区</div>
                            <div class="City">
                                <a onmouseover="ShowMobileT(event)">广东省</a>、<a onmouseover="ShowMobileT(event)">海南省</a>、香港特别行政区、澳门特别行政区</div>
                        </div>
                        <div class="Main">
                            <div class="Space">
                                华中地区</div>
                            <div class="City">
                                <a onmouseover="ShowMobileT(event)">河南省</a>、<a onmouseover="ShowMobileT(event)">湖北省</a>、<a
                                    onmouseover="ShowMobileT(event)">湖南省</a></div>
                        </div>
                        <div class="Main">
                            <div class="Space">
                                西北地区
                            </div>
                            <div class="City">
                                <a onmouseover="ShowMobileT(event)">宁夏回族自治区</a>、<a onmouseover="ShowMobileT(event)">陕西省</a>、<a
                                    onmouseover="ShowMobileT(event)">甘肃省</a>、<a onmouseover="ShowMobileT(event)">青海省</a>、<a
                                        onmouseover="ShowMobileT(event)">新疆维吾尔自治区</a></div>
                        </div>
                        <div class="Main">
                            <div class="Space">
                            </div>
                            <div class="City">
                            </div>
                        </div>
                    </div>
                    <div style="clear: both">
                    </div>
                </div>
            </td>
        </tr>
    </table>
    <div class="SList" id="DragWindow" >
        <div class="City2d">
            <div class="AOver" onmouseout="CloseMobilePanel()">
            </div>
            <div id="ShowCity" class="ShowCity">
            </div>
        </div>
    </div>
    <div class="Foot">
      </div>
</body>
</html>
;