<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="../css.css">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
<meta name="keywords" content="鼹鼠,小鼹鼠,小鼹鼠摩尔,摩尔庄园,Mole,Mole庄园,淘米,淘米网络,淘米网,Taomee,儿童社区,虚拟社区,Flash,儿童上网,小学生上网" />
<meta name="description" content="摩尔庄园(www.51mole.com)是专为中国7－12岁儿童设计的安全健康益智的虚拟互动社区，每个儿童化身可爱的小鼹鼠摩尔，成为这个虚拟世界的主人，社区融合虚拟形象装扮、虚拟小屋、互动游戏、爱心养成为一体，为儿童提供综合互动娱乐平台。" />
<title>摩尔大使邀你注册！-摩尔庄园，快乐童年！</title>
<link rel="stylesheet" type="text/css" href="css.css">
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="js.js"></script>
<script type="text/javascript">
function submitUserData()
{
    var nick_name = document.getElementById('nick_name').value;
    var password = document.getElementById('password').value;
    var password_confirmed = document.getElementById('password_confirmed').value;
    var email = document.getElementById('email').value;
    var check_code = document.getElementById('check_code').value;
    var family = document.getElementById('family').value;
    
    if(!document.getElementById('law').checked)
    {
        alert("请先阅读并同意\"摩尔庄园公民法令\"!");
        return false;
    }

    if(nick_name.length <= 0)
    {
        alert('请为你的摩尔取个可爱的名字吧!');
        return false;
    }
    
    if(nick_name.length > 10)
    {
        alert('摩尔的昵称太长啦,请改短一点!昵称最多5个汉字或10个英文字母或数字!');
        return false;
    }
    
    if(password.length <= 0)
    {
        alert('请输入你的密码!');
        return false;
    }
    
    if(password.length < 6)
    {
        alert('你的密码设置太短了,密码长度至少为6位!');
        return false;
    }
    
    if(password.length > 16)
    {
        alert('你的密码太长啦,请改短一点!密码长度最长为16位!');
        return false;
    }
    
    if(password != password_confirmed)
    {
        alert('你两次输入的密码不相同,请重新设置密码!');
        return false;
    }
    
    if(email.length <= 0)
    {
        alert('请输入你的邮箱地址!');
        return false;
    }
    
    if(email.length > 64)
    {
        alert('你的邮箱地址太长了,请换一个邮箱!');
        return false;
    }
    
    if(check_code.length <= 0)
    {
        alert("请输入验证码!");
        return false;
    }
    
    if(check_code.length != 4)
    {
        alert('验证码的长度为4位哦!');
        return false;
    }
    
    var url = "http://reg.51mole.com/reg/mole/usercenter/index.php/Jesse";
    var ajax = new Ajax.Request
    (
        url,
        {
            method : 'post',
            postBody : 'family=' + encodeURIComponent(family) + '&nick=' +encodeURIComponent(nick_name) + '&password=' + encodeURIComponent(password) + '&email=' + encodeURIComponent(email) + "&verify=" + encodeURIComponent(check_code),
            onSuccess : function(transport)
            {
                if(transport.responseText == "0")
                {
                    setRelation(family);
                    return true;
                }
                else if(transport.responseText == "500")
                {
                    alert('数据填写不完整哦!请检查!');
                    return false;
                }
                else if(transport.responseText == "100")
                {
                    alert("摩尔昵称的长度不正确哦!请检查!昵称最长为5个汉字或10个英文字母/数字!");
                    return false;
                }
                else if(transport.responseText == "101")
                {
                    alert("摩尔昵称中含有非法字符!请检查!");
                    return false;
                }
                else if(transport.responseText == "200")
                {
                    alert("密码的长度最短为6位哦!");
                    return false;
                }
                else if(transport.responseText == "201")
                {
                    alert("密码不符合要求,请检查!");
                    return false;
                }
                else if(transport.responseText == "300")
                {
                    alert("邮箱地址格式有误!请检查!");
                    return false;
                }
                else if(transport.responseText == "-1")
                {
                    alert("验证码输入不正确,请重新输入!");
                    return false;
                }
                else if(transport.responseText == "-20009")
                {
                    alert("摩尔昵称中含有不允许使用的词语!请修改一下!");
                    return false;
                }
                else if(transport.responseText == "-20010")
                {
                    alert("邮箱地址不正确!请检查!");
                    return false;
                }
                else if(transport.responseText == "1301")
                {
                    alert("该邮箱地址已经注册过啦!请换一个邮箱!");
                    return false;
                }
                else
                {
                    alert("发生了内部错误,错误代码 = " + transport.responseText +",请与客服人员联系!");
                    return false;
                }
            },
            onFailure : function(transport)
            {
                alert('注册失败,请重试!如果反复出现此错误,请检查你的网络是否正常或与客服人员联系!');
                return false;
            },
            onComplete : function(transport)
            {
                document.getElementById('loading_div').style.display = "none";
                document.getElementById('submit').disabled = false;
            }
        }
    );
    
    document.getElementById('loading_div').style.display = "block";
    document.getElementById('submit').disabled = true;
}
function setRelation(family)
{
    var url = "relation.php";
    var ajax = new Ajax.Request
    (
        url,
        {
            method : 'get',
            onSuccess : function(transport)
            {
                window.location.href = "regok.php?family=" + family;
            },
            onComplete : function(transport)
            {
                document.getElementById('loading_div').style.display = "none";
                document.getElementById('submit').disabled = false;
            }
        }
    );
    
    document.getElementById('loading_div').style.display = "block";
    document.getElementById('submit').disabled = true;
}
function refreshCheckCodeImage()
{
    document.getElementById('check_code_image').src = "http://reg.51mole.com/reg/mole/usercenter/index.php/Public/verify/" + "?" + Math.random() * 1000000;
}
</script>
</head>
<body> 
<table width="100%"  border="0" cellspacing="0" cellpadding="0" style="position:absolute; left:0; top:0; "> 
  <tr> 
    <td height="23" background="http://img.taomee.com/images/reg_ds/top_box_bg.gif"><table width="800"  border="0" align="center" cellpadding="0" cellspacing="0"> 
        <tr> 
          <td height="23"><table  border="0" align="right" cellpadding="0" cellspacing="0"> 
              <tr> 
                <td><img src="http://img.taomee.com/images/reg_ds/top_left.jpg" width="33" height="23"></td> 
                <td width="200" align="center" background="http://img.taomee.com/images/reg_ds/top_bg.jpg"><table width="100%"  border="0" cellspacing="0" cellpadding="0"> 
                    <tr align="center"> 
                      <td><a href="http://www.51mole.com/" target="_blank">进入庄园</a> </td> 
                      <td><img src="http://img.taomee.com/images/reg_ds/top_box_ge.jpg" width="5" height="23"></td> 
                      <td><a href="http://blog.51mole.com/" target="_blank">摩尔博客</a> </td> 
                      <td><img src="http://img.taomee.com/images/reg_ds/top_box_ge.jpg" width="5" height="23"></td> 
                      <td><a href="http://bbs.51mole.com/" target="_blank">官方论坛</a></td> 
                    </tr> 
                  </table></td> 
                <td><img src="http://img.taomee.com/images/reg_ds/top_right.jpg" width="32" height="23"></td> 
              </tr> 
            </table></td> 
        </tr> 
      </table></td> 
  </tr> 
</table> 
<table width="810" border="0" align="center" cellpadding="0" cellspacing="0" > 
  <tr> 
    <td width="162"><img src="http://img.taomee.com/images/reg_ds/zc_ds_03.jpg" width="162" height="54"></td> 
    <td width="162"><img src="http://img.taomee.com/images/reg_ds/zc_ds_04.jpg" width="162" height="54"></td> 
    <td width="162"><img src="http://img.taomee.com/images/reg_ds/zc_ds_05.jpg" width="162" height="54"></td> 
    <td width="162"><img src="http://img.taomee.com/images/reg_ds/zc_ds_06.jpg" width="162" height="54"></td> 
    <td width="162"><img src="http://img.taomee.com/images/reg_ds/zc_ds_07.jpg" width="162" height="54"></td> 
  </tr> 
  <tr> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_09.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_10.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_11.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_12.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_13.jpg" width="162" height="54"></td> 
  </tr> 
  <tr> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_14.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_15.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_16.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_17.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_18.jpg" width="162" height="54"></td> 
  </tr> 
  <tr> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_19.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_20.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_21.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_22.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_23.jpg" width="162" height="54"></td> 
  </tr> 
  <tr> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_24.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_25.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_26.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_27.jpg" width="162" height="54"></td> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_28.jpg" width="162" height="54"></td> 
  </tr> 
</table> 
<table width="812" border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_box_top.jpg" width="812" height="25"></td> 
  </tr> 
</table> 
<table width="812" border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td height="400" valign="top" background="http://img.taomee.com/images/reg_ds/zc_ds_box_bg.jpg"> <table  border="0" align="center" cellpadding="0" cellspacing="0" style="margin-right:2px; "> 
        <tr> 
          <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_31.jpg" width="782" height="12"></td> 
        </tr> 
        <tr> 
          <td background="http://img.taomee.com/images/reg_ds/1_37.jpg"><table  border="0" align="center" cellpadding="0" cellspacing="0" style="margin:0 35px ; "> 
              <tr> 
                <td width="590"> <div style="font-size:14px; line-height:22px; background-image:url(http://img.taomee.com/images/reg_ds/1_48.jpg); color:#996633; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;我是摩尔大使“<strong style="color:#DD0000;">怪盗基德</strong>”，特邀你加入摩尔庄园!<br> 
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;在摩尔庄园中，你可以认识新的朋友，购买喜欢的衣服，认养自己的宠物，装饰自己的小屋,参与各种活动和舞会，玩游戏赚摩尔豆。我感到非常快乐！现在，我要把这种快乐分享给你。我在庄园里等你…… </div> 
                  <div style="font-size:14px; font-weight:bold; color:#009900; line-height:30px; ">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;先“点击选择”下面一个你喜欢的摩尔，做为你在摩尔庄园的形象，进行注册吧！</div></td> 
                <td width="120" align="right"><img src="http://img.taomee.com/images/reg_ds/zc_ds_34.jpg" width="101" height="113"></td> 
              </tr> 
            </table></td> 
        </tr> 
        <tr> 
          <td><img src="http://img.taomee.com/images/reg_ds/1_40.jpg" width="782" height="12"></td> 
        </tr> 
      </table> 
      <!--表单开始-->
      <form>
        <div style="line-height:30px; text-align:center; font-size:14px; font-weight:bold; color:#f33; "></div> 
        <table  border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#FFFFFF" style="margin:8px; "> 
          <tr align="center" bgcolor="#FFFFFF"> 
            <td style="cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/mole_10.jpg" width="92" height="106" onClick="on_pic1()" id="m1"  ></td> 
            <td style="cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/mole_2.jpg" width="93" height="107" onClick="on_pic2()" id="m2"  ></td> 
            <td style="cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/mole_3.jpg" width="93" height="107" onClick="on_pic3()" id="m3"  ></td> 
            <td style="cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/mole_4.jpg" width="93" height="107" onClick="on_pic4()" id="m4"  ></td> 
            <td style="cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/mole_5.jpg" width="93" height="107" onClick="on_pic5()" id="m5"  ></td> 
            <td style="cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/mole_6.jpg" width="93" height="107" onClick="on_pic6()" id="m6"  ></td> 
            <td style="cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/mole_7.jpg" width="93" height="107" onClick="on_pic7()" id="m7"  ></td> 
            <td style="cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/mole_8.jpg" width="93" height="107" onClick="on_pic8()" id="m8"  ></td> 
          </tr>
          <input type="hidden" value="1" id="family" name="family" />
        </table> 
        <table  border="0" align="center" cellpadding="2" cellspacing="0" style="margin:5px;"> 
          <tr> 
            <td>摩尔昵称：</td> 
            <td><input id="nick_name" name="nick_name" type="text" class="input_300"></td> 
            <td class="font_gray"> 给你的摩尔取个可爱的名字吧！ </td> 
          </tr> 
          <tr> 
            <td>您的密码：</td> 
            <td><input name="password" id="password" type="password" class="input_300"></td> 
            <td class="font_gray"> 请输入密码 </td> 
          </tr> 
          <tr> 
            <td>确认密码：</td> 
            <td><input name="password_confirmed" id="password_confirmed" type="password" class="input_300" value=""></td> 
            <td class="font_gray"> 请确认密码</td> 
          </tr> 
          <tr> 
            <td>电子邮箱：</td> 
            <td><input name="email" id="email" type="text" class="input_300"></td> 
            <td class="font_gray"> 请输入邮箱可以作为登录和找回密码用</td> 
          </tr> 
          <tr> 
            <td>验证码：</td> 
            <td><input name="check_code" id="check_code" type="text" class="input_200"> 
              <img id="check_code_image" src="http://reg.51mole.com/reg/mole/usercenter/index.php/Public/verify/" width="48" height="22" align="absmiddle"></td> 
            <td><a href="javascript:refreshCheckCodeImage();" style=" color:#009900; ">看不清换一张</a></td> 
          </tr> 
          <tr> 
            <td>&nbsp;</td> 
            <td><input type="checkbox" name="law" id="law" checked="checked"> 
              我已经阅读并同意阅读<a href="gmfl.html" target="_blank" style=" color:#009900; ">"摩尔庄园公民法令"</a></td> 
            <td>&nbsp;</td> 
          </tr> 
          <tr> 
            <td height="60" colspan="3" align="center"> <div id="loading_div" style="text-align:center; height:40px; padding:10px;display:none;"><img src="http://img.taomee.com/images/reg_ds/loading.gif" align="absmiddle" title="正在注册,请稍候...">&nbsp;&nbsp;<span style="font-color:gray;font-weight:bold;">正在注册,请稍候...</span></div> 
              <button type="button" id="submit" onclick="submitUserData();" style="width:78px; height:26px; border:0; background-color:#FFFFFF; margin:0 5px; cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/qqshow_38.jpg" width="78" height="26" alt=""></button> 
              <button type="reset" style="width:78px; height:26px; border:0; background-color:#FFFFFF; margin:0 5px; cursor:pointer;"><img src="http://img.taomee.com/images/reg_ds/qqshow_40.jpg" width="62" height="26" alt=""></button></td> 
          </tr> 
        </table> 
        </form>
      <!--表单结束--> </td> 
  </tr> 
</table> 
<table width="812" border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td><img src="http://img.taomee.com/images/reg_ds/zc_ds_box_bottom.jpg" width="812" height="22"></td> 
  </tr> 
</table> 
<table border="0" align="center" cellpadding="0" cellspacing="0"> 
  <tr> 
    <td height="30" align="center" valign="middle" id="bottom_link" style="color:#FFDDDD; "><a href="http://www.taomee.com/about.html" target="_blank">关于淘米</a> | <a href="http://www.51mole.com/main/guide/index.html" target="_blank">庄园指南</a> | <a href="http://blog.51mole.com/" target="_blank">最新动态</a> | <a href="http://www.taomee.com/careers.html" target="_blank">加盟淘米</a> | <a href="http://www.taomee.com/contact.html" target="_blank">联系淘米</a> </td> 
  </tr> 
  <tr> 
    <td align="center"><a href="http://www.taomee.com" target="_blank"><img src="http://img.taomee.com/images/reg_ds/zc_ds_taomee.jpg" alt="" width="126" height="25" border="0"></a></td> 
  </tr> 
</table> 
</body>
</html>