[ajax]仿.net的注册错误提示处理

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
  <head>
    <title>corp.cnnavi japenese support</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="http://corp.cnnavi.com/templates/css/threeTop.css" rel="stylesheet" type="text/css" />
<link href="http://corp.cnnavi.com/templates/three/css/mytemplate_css.css"   rel="stylesheet" type="text/css" />
<link href="http://corp.cnnavi.com/templates/three/css/hongyan.css"   rel="stylesheet" type="text/css" />
<script>
function changevalue()
{    //alert('');return false;
    document.searchform.searchword.value=document.searchform.keyword.value;
    //alert(document.searchform.option.value+" : "+document.searchform.searchword.value);
    document.searchform.submit();
}
</script>
 </head>
<body>
<!-- <textarea name="" id="debuginfo" rows="5" cols="80" ></textarea> -->
<!-- main -->
<table id="main" bgcolor="#FFFFFF" align="center">

<!-- TopTD -->
<tr>
<td colspan="2">
<!--start top-->
<div id="top">
<div id="ChannelMenuItems">
<ul><li> <a href="index.php" ><span>Home</span></a> </li><li> <a href="index.php?option=com_content&amp;task=section&amp;Itemid=3&amp;id=7" ><span>手続</span></a> </li><li> <a href="index.php?option=com_content&amp;task=section&amp;id=20&amp;Itemid=48" ><span>通信</span></a> </li><li> <a href="index.php?option=com_content&amp;task=section&amp;id=13&amp;Itemid=34" ><span>企業情報化</span></a> </li><li> <a href="index.php?option=com_content&amp;task=section&amp;id=8&amp;Itemid=33" ><span>会社用品</span></a> </li><li> <a href="index.php?option=com_content&amp;task=section&amp;id=9&amp;Itemid=38" ><span>会計</span></a> </li><li> <a href="index.php?option=com_content&amp;task=section&amp;id=6&amp;Itemid=35" ><span>生活関連</span></a> </li><li> <a href="index.php?option=com_phpshop&amp;Itemid=41" ><span>購買</span></a> </li></ul></div>
<!-- search -->
<div id="search">
<div id="searchForm">
    <form action="?" method="get" id="" name="searchform" onsubmit="return changevalue();"/>

    <select name="option">
            <option value="com_phpshop" selected >商品</option>
            <option value="search">文章</option>
    </select>

    <input title=""  style="height:22px;" type="text" size="12" name="keyword" />
    <input type="submit" value="搜索" style="height:24px;" />
    <input type="hidden" name="Itemid" value="0" />
    <input type="hidden" name="page" value="shop.browse" />
    <input type="hidden" name="searchword" value="" />
    </form>
</div>

</div>
<!-- /search -->

</div> 
<!-- /Top -->
</td>
</tr>
<!-- /TopTD -->

<!-- banner -->
<tr>
<td class="h_banner" colspan="2">
<a href=#><img src="http://corp.cnnavi.com/images/banners/01.gif" border="0" alt="Advertisement" /></a></td>
</tr>
<!-- /banner -->

<!-- path -->
<tr>
<td colspan="2" align="left">
<div id="path" class="path">
<ul id='newpathway' class='newpathway'><li class='head'>現在位置：</li><li><a href="index.php" >Home</a></li><li><a href="index.php?option=com_registration">注册</a></li></ul>
</div>
<div style="background:#3CB7EC;"></div>
</td>
</tr>
<!-- /path -->

<tr>
    <!-- mainBodyDetail -->
    <td id="mainBodyDetail">
    <script language="javascript" type="text/javascript" src="/modules/tools/ajax.js"></script>
    <script language="javascript" type="text/javascript">
        function submitbutton() {
            var form = document.mosForm;
            var r = new RegExp("[\<|\>|\"|\'|\%|\;|\(|\)|\&|\+|\-]", "i");
            var notEmptyItem = Array(
                'username' , 
                'name' , 'email' , 'password' , 'password2' , 
                'first_name' , 'last_name'  , 
                'address_1'  , 'phone_1' , 'zip' , 
                'country'  );
            var notEmptyErrorInfo = Array(
                'username' , 
                'name' , 'email' , 'password' , 'password2' , 
                'first_name' , 'last_name'  , 
                'address_1'  , 'phone_1' , 'zip' , 
                'country'  );
            n = notEmptyItem.length;
            for (i=0; i<n;i++ )
            {
                fi = eval("form."+notEmptyItem[i]);
                if (fi.value=="")
                {
                    doError(fi, notEmptyErrorInfo[i]+" cant be empty");
                }
                else resetFormState(fi);
            }

            // do field validation
             if (form.username.value == "") {
                errstr= "请输入用户名。" ;
                doError(form.username,errstr);
            } 
            else if (form.name.value == "") {
                errstr= "请输入您的名称。" ;
                doError(form.name,errstr);
            }else if (r.exec(form.username.value) || form.username.value.length < 3) {
                errstr= "请输入合法的用户名：. 不能有空格，长度大于2个字符并且只包含0-9,a-z,A-Z。" ;
                doError(form.username,errstr);
            } else if (form.email.value == "") {
                errstr= "请输入有效的email地址。" ;
                doError(form.email,errstr);
            } else if (form.password.value.length < 6) {
                errstr= "请输入一个有效的密码. 不能有空格，长度大于6位，并且只包含 0-9,a-z,A-Z" ;
                doError(form.password,errstr);
            } else if (form.password2.value == "") {
                errstr= "请再次输入您的密码." ;
                doError(form.password2,errstr);
            } else if ((form.password.value != "") && (form.password.value != form.password2.value)){
                errstr= "两次输入的密码不符,请重新输入." ;
                doError(form.password2,errstr);
            } else if (r.exec(form.password.value)) {
                errstr= "请输入合法的密码：. 不能有空格，长度大于6个字符并且只包含0-9,a-z,A-Z。" ;
                doError(form.password,errstr);
            }
            else if(form.first_name.value==""){
                errstr="姓が空領域になってはいけません";
                doError(form.first_name,errstr);
            }
            else if (form.last_name.vlaue==""){
                errstr="名が空領域になってはいけません";
                doError(form.last_name,errstr);
            }
            else if (form.address_1.value==""){
                errstr="住所が空領域になってはいけません";
                doError(form.address_1,errstr);
            }
            else if(form.zip.value==""){
                errstr="郵便番号が空領域になってはいけません";
                doError(form.zip,errstr);
            }
            else if(form.country.value==""){
                errstr="国が空領域になってはいけません";
                doError(form.country,errstr);
            }
            else if(form.phone_1.value==""){
                errstr="連絡先が空領域になってはいけません";
                doError(form.phone_1,errstr);
            }
            else {
                //form.submit();
                ajaxSubmit(form);
            }
        }//end func

        /*表单错误处理*/
        function doError(formItem,errorStr){
            formItem.focus();
            formItem.style.backgroundColor='#F00';
            errlblObj = document.getElementById(formItem.name+"_label");
            errlblObj.innerHTML=errorStr;        
        }
        
        /* 异步提交 */
        function ajaxSubmit(form){
            postStr = joinForm(form);
            oXML.debug=0;
            //异步提交
            url = 'http://corp.cnnavi.com/index.php';
            oXML.PostUrl( url , postStr ,  register );
            form.gosubmit.value="please wait.";
            form.gosubmit.disabled=true;
        }//end func
        
        /* 处理服务器返回的数据 */
        function register(responseTxt){
            var form = document.mosForm;
            form.gosubmit.value="submit";
            form.gosubmit.disabled=false;
            infoObj = document.getElementById("mod_reg");            
            //infoObj.innerHTML = responseTxt ;
            infoObj.innerHTML = "" ;
            lines = responseTxt.split("\n");
            n=lines.length;
            ab = lines[0].split(":");
            if (ab[0]=='success'){
                infoObj.innerHTML = responseTxt ;
            }
            else if(ab[0]=='error'){
                for (i=1;i<n ;i++ )
                {
                    ab = lines[i].split(":");
                    errFormItem = ab[0];
                    eval("form."+errFormItem+".focus()");
                    eval("form."+errFormItem+".style.backgroundColor='#F00'");
                    errlblObj = document.getElementById(errFormItem+"_label");
                    errlblObj.innerHTML=ab[1];
                }
            }
            else {
                infoObj.innerHTML = responseTxt ;
            }

        }//end func
        
        /* 重设表单的状态 */
        function resetFormState(formItem){
            formItem.style.background='#FFF';
            formItem.style.borderWidth='1px';
            errlblObj = document.getElementById(formItem.name+"_label");
            errlblObj.innerHTML="";
        }//end func

        /* 将表单的数据连结起来。 */
        function joinForm(form){
            postStr = '';
            for (i=0;i<form.length ;i++ )
                postStr +=form[i].name+"="+form[i].value+"&";
            postStr = postStr.substr(0,(postStr.length-1));
            return postStr;
        }//end func

    </script>
<style>
label{ BACKGROUND:none; width: 100%; height: 100%; display:block; margin: 0px; PADDING:0px;}
TABLE.common_form{
    MARGIN:5px;
    font:12px verdana;BORDER:0px solid #01A5C1;BORDER-COLLAPSE:collapse;width:100%;
    LINE-HEIGHT:20px;
}
TABLE.common_form caption{
    BACKGROUND:#F5FDFF;text-align:center;
    FONT:15pt 黑体,verdana;PADDING:2px;
}
TABLE.common_form TH{
    BACKGROUND:#B6EAF5;BORDER:2px solid white;
    FONT:10pt verdana;PADDING:3px;
    text-align:right;
}
TABLE.common_form TD{
    BACKGROUND:#F5FDFF;BORDER:0px solid #01A5C1;
    FONT:9pt verdana;PADDING:2px;
}
</style>
<div id="mod_reg"></div>
<form action="index.php" method="post" name="mosForm">
<table  class="common_form">
<caption>
用户注册</caption>
<tr>
<td colspan="3">有 (*) 号的数据项是必填项。</td>
</tr>

    <tr>
      <th width="100">用户名：*:</th>
      <td width="*"><input type="text" name="username" size="40" value="" class="inputbox"  onchange="resetFormState(this)" /></td>
      <td width="200"><label id="username_label"></label></td>
    </tr>
    <tr>
      <th>名称：*:</th>
      <td><input type="text" name="name" size="40" value="" class="inputbox"  onchange="resetFormState(this)" /></td>
      <td><label id="name_label"></label></td>
    </tr>

    <tr>
        <th>さん:</th>
        <td>
            <select name="title">
                <option value="Mr." selected >Mr.</option>
                <option value="Mrs.">Mrs.</option>
            </select>
        </td>
        <td></td>
    </tr>
    <tr>
        <th>誕生日:</th>
        <td><select name="birthday_year">
        <option vlaue='2006'>2006</option><option value=2005 >2005</option><option value=2004 >2004</option><option value=2003 >2003</option><option value=2002 >2002</option><option value=2001 >2001</option><option value=2000 >2000</option><option value=1999 >1999</option><option value=1998 >1998</option><option value=1997 >1997</option><option value=1996 >1996</option><option value=1995 >1995</option><option value=1994 >1994</option><option value=1993 >1993</option><option value=1992 >1992</option><option value=1991 >1991</option><option value=1990 >1990</option><option value=1989 >1989</option><option value=1988 >1988</option><option value=1987 >1987</option><option value=1986 >1986</option><option value=1985 >1985</option><option value=1984 >1984</option><option value=1983 >1983</option><option value=1982 >1982</option><option value=1981 >1981</option><option value=1980 >1980</option><option value=1979 >1979</option><option value=1978 >1978</option><option value=1977 >1977</option><option value=1976 >1976</option><option value=1975 >1975</option><option value=1974 >1974</option><option value=1973 >1973</option><option value=1972 >1972</option><option value=1971 >1971</option><option value=1970 >1970</option><option value=1969 >1969</option><option value=1968 >1968</option><option value=1967 >1967</option><option value=1966 >1966</option><option value=1965 >1965</option><option value=1964 >1964</option><option value=1963 >1963</option><option value=1962 >1962</option><option value=1961 >1961</option><option value=1960 >1960</option><option value=1959 >1959</option><option value=1958 >1958</option><option value=1957 >1957</option><option value=1956 >1956</option><option value=1955 >1955</option><option value=1954 >1954</option><option value=1953 >1953</option><option value=1952 >1952</option><option value=1951 >1951</option><option value=1950 >1950</option><option value=1949 >1949</option><option value=1948 >1948</option><option value=1947 >1947</option><option value=1946 >1946</option><option value=1945 >1945</option><option value=1944 >1944</option><option value=1943 >1943</option><option value=1942 >1942</option><option value=1941 >1941</option><option value=1940 >1940</option><option value=1939 >1939</option><option value=1938 >1938</option><option value=1937 >1937</option><option value=1936 >1936</option><option value=1935 >1935</option><option value=1934 >1934</option><option value=1933 >1933</option><option value=1932 >1932</option><option value=1931 >1931</option><option value=1930 >1930</option><option value=1929 >1929</option><option value=1928 >1928</option><option value=1927 >1927</option><option value=1926 >1926</option><option value=1925 >1925</option><option value=1924 >1924</option><option value=1923 >1923</option><option value=1922 >1922</option><option value=1921 >1921</option><option value=1920 >1920</option><option value=1919 >1919</option><option value=1918 >1918</option><option value=1917 >1917</option><option value=1916 >1916</option><option value=1915 >1915</option><option value=1914 >1914</option><option value=1913 >1913</option><option value=1912 >1912</option><option value=1911 >1911</option><option value=1910 >1910</option><option value=1909 >1909</option><option value=1908 >1908</option><option value=1907 >1907</option><option value=1906 >1906</option><option value=1905 >1905</option><option value=1904 >1904</option><option value=1903 >1903</option><option value=1902 >1902</option><option value=1901 >1901</option>        </select>
        年        <select name="birthday_month">
        <option vlaue='1'>1</option><option value=2>2</option><option value=3>3</option><option value=4>4</option><option value=5>5</option><option value=6>6</option><option value=7>7</option><option value=8>8</option><option value=9>9</option><option value=10>10</option><option value=11>11</option><option value=12>12</option>            </select>月            <select name="birthday_day" size="1">
            <option vlaue='1'>1</option><option value=2 >2</option><option value=3 >3</option><option value=4 >4</option><option value=5 >5</option><option value=6 >6</option><option value=7 >7</option><option value=8 >8</option><option value=9 >9</option><option value=10 >10</option><option value=11 >11</option><option value=12 >12</option><option value=13 >13</option><option value=14 >14</option><option value=15 >15</option><option value=16 >16</option><option value=17 >17</option><option value=18 >18</option><option value=19 >19</option><option value=20 >20</option><option value=21 >21</option><option value=22 >22</option><option value=23 >23</option><option value=24 >24</option><option value=25 >25</option><option value=26 >26</option><option value=27 >27</option><option value=28 >28</option><option value=29 >29</option><option value=30 >30</option><option value=31 >31</option>            </select>日  </td>
  <td></td>

    </tr>

    <tr>
      <th>E-mail：*:</th>
      <td><input type="text" name="email" size="40" value="" class="inputbox"  onchange="resetFormState(this)" /></td>
      <td><label id="email_label"></label></td>
    </tr>

    <tr>
      <th>密码：*:</th>
      <td><input class="inputbox"  onchange="resetFormState(this)" type="password" name="password" size="40" value="" /></td>
      <td><label id="password_label"></label></td>
    </tr>

    <tr>
      <th>密码校验：*:</th>
      <td><input class="inputbox"  onchange="resetFormState(this)" type="password" name="password2" size="40" value="" /></td>
      <td><label id="password2_label"></label></td>
    </tr>
    <tr> 
        <td colspan="3" nowrap align="middle"><b>お客様情報</b></td>
    </tr>
        <tr>   
            <th>姓*:</th>
            <td>
            <input type="text" name="first_name" size="12" value="" class="inputbox"  onchange="resetFormState(this)" />    
          </td>
          <td><label id="first_name_label"></label></td>
          </tr>
          <tr>
          <th>名*:</th>
          <td>
          <input type="text" name="last_name" size="13" value="" class="inputbox"  onchange="resetFormState(this)"/>
          </td>
          <td><label id="last_name_label"></label></td>
          </tr>
          <tr> 
            <th>会社名:</th>
            <td> 
              <input type="text" name="company" size="40" value="" class="inputbox"  onchange="resetFormState(this)" />
            </td>
            <td><label id="company_label"></label></td>
          </tr>
        <tr> 
        <th>部　署*:</th>
        <td> 
        <input class="inputbox"  onchange="resetFormState(this)" size="12" name="department">
        </td>
        <td><label id="department_label"></label></td>
       </tr>

        <tr>
          <th>役職*:</th>
          <td><input type="text" name="job" size="40" onchange="resetFormState(this)" value="job" /></td>
          <td><label id="job_label"></label></td>
        </tr>

          <tr> 
            <th >
            郵便番号*:</th>
            <td> 
              <input type="text" name="zip" size="10" value="" class="inputbox"  onchange="resetFormState(this)" />
            </td>
            <td><label id="zip_label"></label></td>
          </tr>

          <tr> 
            <th >
            国*:</th>
            <td> <input type="text" name="country" size="10" value="" class="inputbox"  onchange="resetFormState(this)" />
            </td>
            <td><label id="country_label"></label></td>
          </tr>

          <tr> 
            <th>
            住所1*:</th>
            <td> 
              <input type="text" name="address_1" size="40" value="" class="inputbox"  onchange="resetFormState(this)" />
            </td>
            <td><label id="address_1_label"></label></td>
          </tr>

          <tr> 
            <th>電話*:</th>
            <td> 
              <input type="text" name="phone_1" size="20" value="" class="inputbox"  onchange="resetFormState(this)" />
              内線：<input class="inputbox"  onchange="resetFormState(this)" size="8" name="telext">
            </td>
            <td><label id="phone_1_label"></label></td>
          </tr>

          <tr> 
            <th>ファクス:</th>
            <td> 
              <input type="text" name="fax" size="40" value="" class="inputbox"  onchange="resetFormState(this)" />
            </td>
            <td><label id="fax_label"></label></td>
          </tr>

   <tr>
   <td colspan=3 align="center">
   <input type="button" name="gosubmit" value="注册" class="button" onclick="submitbutton()" />
    </td>
   </tr>
</table>
<input type="hidden" name="id" value="0" />
<input type="hidden" name="gid" value="0" />
<input type="hidden" name="useractivation" value="1" />
<input type="hidden" name="option" value="com_registration" />
<input type="hidden" name="task" value="saveRegistration" />
</form>
    </td>
    <!-- /mainBodyDetail -->
    <!-- threeRightl -->
    <td id="threeRight" class="ywjsRight"  style="border-bottom:4px solid #3CB7EC" valign=top>
            <TABLE class="boxRight" width="100%">
<TBODY>

<TR>
<TD class="boxRightTD">

</TD>
</TR>
</TBODY>
</TABLE>
    </td>
    <!-- /threeRightl -->
</tr>
<tr>
<td colspan="2" class="footer">
<center>
<div width="100%">

<div>

<a href="wzsm.htm" target="_bank">利用規則</a>|
<A  href="mzsm.htm" target="_blank" >セキュリティと免責</A>| 
<A  href="grxx.htm" target="_blank" >プライバシーの考え方 </A>|
<A  href="http://www.zhongdatong.com" target=_blank>会社概要 </A>| 
<br />
地　址：(215011)苏州新区竹园路209号高新区创业园C-5062 <br />
<A href="http://www.miibeian.gov.cn/" >《中华人民共和国电信与信息服务业务》 苏ICP备05007276号</A>
</div>
<script language="javascript" type="text/javascript">
<!--
mainobj = document.getElementById("mainBodyDetail");
topobj = document.getElementById("top");
robj = document.getElementById("threeRight");
mw = mainobj.scrollWidth;
tw = topobj.offsetWidth;
rw = robj.offsetWidth;
str = mw+"\n"+tw+"\n"+rw+"\n";

//debugObj = document.getElementById("debuginfo");
//debugObj.value=str;

//-->
</script>
</center>


</body>
</html>
Posted on 2006-01-07 12:20  古代  阅读(656)  评论(0)  编辑  收藏  举报