<%@ page validaterequest="false" language="C#" autoeventwireup="true" inherits="reg_Reg, App_Web_uzutlidf" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head id="Head1" runat="server">
    <title>注册访问页</title>
<script language=javascript>
function sl(tx){
    document.all[tx].style.border='1px #FDBB73 solid';
    document.all[tx].style.color='#000000';
    document.all[tx].style.paddingLeft='8px';
    document.all[tx].style.paddingRight='5px';
    document.all[tx].style.backgroundColor='#FFF1EC';
}
function slo(tx){
    document.all[tx].style.border='1px #ffffff solid';
    document.all[tx].style.color='#848484';
    document.all[tx].style.paddingLeft='8px';
    document.all[tx].style.paddingRight='5px';
    document.all[tx].style.backgroundColor='#fafafa';
}
////检查用户名是否存在的按钮调用
function btnCheckUserName_onclick(){
    if(document.all("iUserName").value.length < 2 || document.all("iUserName").value.length >20) {
	    document.all("iUserName").focus();
        alert("昵称长度不能为空，在2位到20位之间，请重新输入！");
	    return false;
    }else{
        document.all("tdUserName").innerText="正在检测该用户名是否可用......";
        return true;
    }
}
//检查用户信息
function butCheckUserInfo_onclick(){
    //检查用户名
    if(document.all("iUserName").value.length < 2 || document.all("iUserName").value.length >20) {
	    document.all("iUserName").focus();
        alert("用户名长度不能为空，在2位到20位之间，请重新输入！");
	    return false;
    }
    //检查密码
    if(document.all("iPassWord").value.length < 6 || document.all("iPassWord").value.length >20) {
	    document.all("iPassWord").focus();
        alert("密码长度不能为空，在6位到20位之间，请重新输入！");
	    return false;
    }
    if(document.all("iPassWord").value!=document.all("iPassWord").value) {
	    document.all("iPassWord").focus();
        alert("两次输入的密码不同，请重新输入！");
	    return false;
    }
    //电子邮件
        if(document.all("iEMail").value.length!=0){
        if (document.all("iEMail").value.charAt(0)=="." ||        
            document.all("iEMail").value.charAt(0)=="@"||       
            document.all("iEMail").value.indexOf('@', 0) == -1 || 
            document.all("iEMail").value.indexOf('.', 0) == -1 || 
            document.all("iEMail").value.lastIndexOf("@")==document.all("iEMail").value.length-1 || 
            document.all("iEMail").value.lastIndexOf(".")==document.all("iEMail").value.length-1)
        {
            alert("电子邮件地址格式不正确！");
            document.all("iEMail").focus();
            return false;
        }
    }
    else{
        alert("电子邮件不能为空！");
        document.all("iEMail").focus();
        return false;
    }
  
    //密码提示问题
    if(document.all("iPassWordQuestion").value.length >50) {
	    document.all("iPassWordQuestion").focus();
        alert("密码提示问题长度不能大于50个汉字，请重新输入！");
	    return false;
    }
    //密码提示答案
    if(document.all("iPassWordAnswer").value.length >50) {
	    document.all("iPassWordAnswer").focus();
        alert("密码提示问题答案长度不能大于50个汉字，请重新输入！");
	    return false;
    }
    
    //若无错误，返回true
    return true;
} 
function btnCancle_onclick() {
    window.location='../default.aspx';
}

</script>
</head>
<body bottommargin="0" leftmargin="0" rightmargin="0" topmargin="0">
    <form id="form1" runat="server">
    <div align=center style="font-size:9pt;color:#666666;">
        <TABLE cellSpacing=0 cellPadding=0 width=770 align=center bgColor=#e4e4e4 border=0>
            <tr>
                <td align=center>
                    <TABLE id=table1 cellSpacing=0 cellPadding=0 width=760 bgColor=#fafafa border=0>
                        <tr>
                            <td align=left>
                                <br />
                                <div style="font-size:12pt"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;注册会员</b></div>
                                <hr size=1 width="98%" align="center"/>
                                <div>&nbsp;&nbsp;<FONT face=Wingdings size=6>?</FONT><strong>填写注册信息(带*的为必填项)</strong></div>
                                <hr size=1 width="98%" align="center"/>
                                &nbsp;<br />
                                <table style="width: 750px" border="0">
                                    <tr>
                                        <td align="right" style="width: 172px; height: 35px">
                                            用户名：<font color="#ff6600">*&nbsp; </font>
                                        </td>
                                        <td style="width: 174px; height: 35px">
                                    <asp:TextBox ID="iUserName" runat="server" Width="166px" onfocus="javascript:return sl('tdUserName');" onblur="javaScript:slo('tdUserName');"></asp:TextBox></td>
                                        <td style="width: 101px; height: 35px">
                                            </td>
                                        <td style="height: 35px; width: 389px;" id=tdUserName runat="server">
                                            4-20 个字符 (包括大小写字母,中文,数字,特殊字符等) 1个汉字等于2个字符，<span class="style3" style="color: #ff0000">建议使用中文用户名。注册后不可修改。</span></td>
                                    </tr>
                                    <tr>
                                        <td align="right" style="width: 172px; height: 35px">
                                            英文名：<font color="#ff6600">*<span style="color: #666666"> </span></font>
                                        </td>
                                        <td style="width: 174px; color: #666666; height: 35px">
                                            <asp:TextBox ID="iEnName" runat="server" Width="165px" onfocus="javascript:return sl('tdEnName');" onblur="javaScript:slo('tdEnName');"></asp:TextBox></td>
                                        <td style="width: 101px; color: #666666; height: 35px">
                                            <asp:Button ID="btnCheckUserName" runat="server" Text="检测用户名" OnClick="btnCheckUserName_Click" Width="85px"></asp:Button></td>
                                        <td runat="server" style="width: 389px; color: #666666; height: 35px" id="tdEnName">
                                            此为您的二级域名前缀，<span class="style3" style="color: #ff0000">必须为英文输入且不能为空,否则不能显示</span></td>
                                    </tr>
                                </table>                                
                                    <hr size=1 width="98%" align="center" style="color: #666666"/><table style="width: 750px; color: #666666;" border="0">
                                        <tr>
                                            <td style="width: 141px; height: 36px" align="right">
                                                输入密码：<font color="#ff6600">*</font><span style="color: #ff6600"></span>&nbsp;</td>
                                            <td style="width: 187px; height: 36px">
                                                <asp:TextBox ID="iPassWord" runat="server" Width="201px"  onfocus="javascript:return sl('tdPassWord');" onblur="javaScript:slo('tdPassWord');" TextMode="Password"></asp:TextBox></td>
                                            <td style="height: 36px" id=tdPassWord>
                                                6-20 个字符。建议使用强密码</td>
                                        </tr>
                                        <tr>
                                            <td align="right" style="width: 141px; height: 36px">
                                                重复密码：<font color="#ff6600">*</font><font color="#ff6600">&nbsp; </font>
                                            </td>
                                            <td style="width: 187px; height: 36px">
                                                <asp:TextBox ID="iRePassWord" runat="server" Width="201px"  onfocus="javascript:return sl('tdRePassWord');" onblur="javaScript:slo('tdRePassWord');" TextMode="Password"></asp:TextBox></td>
                                            <td style="height: 36px" id=tdRePassWord>
                                                重复输入一次上面的密码。</td>
                                        </tr>
                                    </table>
                                <hr size=1 width="98%" align="center"/>
                                <table style="width: 750px" border="0">
                                    <tr>
                                        <td style="width: 141px; height: 36px" align="right">
                                            密码提示问题：<font color="#ff6600">*</font><span style="color: #ff6600"></span>&nbsp;</td>
                                        <td style="width: 187px; height: 36px">
                                            <asp:TextBox ID="iPassWordQuestion" runat="server" Width="201px" onfocus="javascript:return sl('tdPassWordQuestion');" onblur="javaScript:slo('tdPassWordQuestion');"></asp:TextBox></td>
                                        <td style="height: 36px" id=tdPassWordQuestion>
                                            请记住您的密码提示问题及答案，以备将来密码找回时使用。例如：我的宠物是什么？</td>
                                    </tr>
                                    <tr>
                                        <td align="right" style="width: 141px; height: 38px">
                                            问题答案：<font color="#ff6600">*</font><font color="#ff6600">&nbsp; </font>
                                        </td>
                                        <td style="width: 187px; height: 38px">
                                            <asp:TextBox ID="iPassWordAnswer" runat="server" Width="201px" onfocus="javascript:return sl('tdPassWordAnswer');" onblur="javaScript:slo('tdPassWordAnswer');"></asp:TextBox></td>
                                        <td style="height: 38px" id=tdPassWordAnswer>
                                            请记住您的密码提示问题及答案，以备将来密码找回时使用。例如：是一只小猫</td>
                                    </tr>
                                </table>
                                <hr size=1 width="98%" align="center"/>
                                <table style="width: 750px" border="0">
                                    <tr>
                                        <td style="width: 141px; height: 26px" align="right">
                                            电子邮件：<font color="#ff6600">*</font><span style="color: #ff6600"></span>&nbsp;</td>
                                        <td style="width: 187px; height: 26px">
                                            <asp:TextBox ID="iEMail" runat="server" Width="201px" onfocus="javascript:return sl('tdIEMail');" onblur="javaScript:slo('tdIEMail');"></asp:TextBox></td>
                                        <td style="height: 26px" id=tdIEMail>
                                            <strong>请正确填写您的常用电子邮件地址,作为密码取回；且网站的各种信息、资料将发到该邮箱。<br />
                                            </strong>&nbsp;<span class="B">(例如：bati@bati.cn)</span></td>
                                    </tr>
                                </table>
                                <hr size=1 width="98%" align="center"/>
                                <table style="width: 750px" border="0">
                                    
                                    <tr>
                                        <td align="right" style="width: 141px; height: 1px">
                                            性 &nbsp; 别：<font color="#ff6600">*</font><font color="#ff6600">&nbsp; </font>
                                        </td>
                                        <td style="width: 187px; height: 1px">
                                            <asp:RadioButtonList ID="iSex" runat="server" RepeatDirection="Horizontal">
                                                <asp:ListItem>男</asp:ListItem>
                                                <asp:ListItem Selected="True">女</asp:ListItem>
                                            </asp:RadioButtonList></td>
                                        <td style="height: 1px">
                                        </td>
                                    </tr>
                                    <tr>
                                        <td align="right" style="width: 141px; height: 26px">
                                            出生日期：<font color="#ff6600">*</font></td>
                                        <td colspan="2" style="height: 26px">
                                            &nbsp;<asp:DropDownList ID="iYear" runat="server">
                                            </asp:DropDownList>
                                            年<asp:DropDownList ID="iMonth" runat="server">
                                                <asp:ListItem>1</asp:ListItem>
                                                <asp:ListItem>2</asp:ListItem>
                                                <asp:ListItem>3</asp:ListItem>
                                                <asp:ListItem>4</asp:ListItem>
                                                <asp:ListItem>5</asp:ListItem>
                                                <asp:ListItem>6</asp:ListItem>
                                                <asp:ListItem>7</asp:ListItem>
                                                <asp:ListItem>8</asp:ListItem>
                                                <asp:ListItem>9</asp:ListItem>
                                                <asp:ListItem>10</asp:ListItem>
                                                <asp:ListItem>11</asp:ListItem>
                                                <asp:ListItem>12</asp:ListItem>
                                            </asp:DropDownList>月<asp:DropDownList ID="iDay" runat="server">
                                                <asp:ListItem>1</asp:ListItem>
                                                <asp:ListItem>2</asp:ListItem>
                                                <asp:ListItem>3</asp:ListItem>
                                                <asp:ListItem>4</asp:ListItem>
                                                <asp:ListItem>5</asp:ListItem>
                                                <asp:ListItem>6</asp:ListItem>
                                                <asp:ListItem>7</asp:ListItem>
                                                <asp:ListItem>8</asp:ListItem>
                                                <asp:ListItem>9</asp:ListItem>
                                                <asp:ListItem>10</asp:ListItem>
                                                <asp:ListItem>11</asp:ListItem>
                                                <asp:ListItem>12</asp:ListItem>
                                                <asp:ListItem>13</asp:ListItem>
                                                <asp:ListItem>14</asp:ListItem>
                                                <asp:ListItem>15</asp:ListItem>
                                                <asp:ListItem>16</asp:ListItem>
                                                <asp:ListItem>17</asp:ListItem>
                                                <asp:ListItem>18</asp:ListItem>
                                                <asp:ListItem>19</asp:ListItem>
                                                <asp:ListItem>20</asp:ListItem>
                                                <asp:ListItem>21</asp:ListItem>
                                                <asp:ListItem>22</asp:ListItem>
                                                <asp:ListItem>23</asp:ListItem>
                                                <asp:ListItem>24</asp:ListItem>
                                                <asp:ListItem>25</asp:ListItem>
                                                <asp:ListItem>26</asp:ListItem>
                                                <asp:ListItem>27</asp:ListItem>
                                                <asp:ListItem>28</asp:ListItem>
                                                <asp:ListItem>29</asp:ListItem>
                                                <asp:ListItem>30</asp:ListItem>
                                                <asp:ListItem>31</asp:ListItem>
                                            </asp:DropDownList>日
                                            &nbsp; 例如：2006-5-3&nbsp; 方便给您惊喜！</td>
                                    </tr>
                                    <tr>
                                        <td align="right" style="width: 141px;">
                                            <font color="#ff6600"></font></td>
                                        <td colspan="2">
                                            &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td align="right" style="width: 141px">
                                            <asp:Label ID="Label1" runat="server" Text="推荐人：" Visible="False"></asp:Label></td>
                                        <td colspan="2">
                                            <asp:TextBox ID="TextBox1" runat="server" ReadOnly="True" Visible="False"></asp:TextBox>
                                            <asp:Label ID="Label2" runat="server" ForeColor="Red" Text="Label" Visible="False"></asp:Label></td>
                                    </tr>
                                    <tr>
                                        <td align="right" colspan="3" rowspan="2">
                                            </td>
                                            
                                    </tr>
                                    <tr>
                                    </tr>
                                    <tr>
                                        <td align="right" style="width: 141px; height: 26px">
                                            个性签名：&nbsp;</td>
                                        <td colspan="2" style="height: 26px">
                                            <asp:TextBox ID="iSignature" runat="server" TextMode="MultiLine" Width="389px">欢迎来到芭提社区</asp:TextBox>
                                        </td>
                                    </tr>
                                </table><hr size=1 width="98%" align="center"/>
                                <table style="width: 750px" border="0">
                                    <tr>
                                        <td style="width: 141px; height: 26px" align="right">
                                            验证码：<span style="color: #ff6600">*</span><span style="color: #ff6600"></span>&nbsp;</td>
                                        <td style="width: 187px; height: 26px">
                                            <asp:TextBox ID="iAuthenticate" runat="server" Width="201px"></asp:TextBox></td>
                                        <td style="height: 26px">
                                            <asp:Image ID="Image1" runat="server" AlternateText="正在加载图片，请稍候" Height="20px" ImageUrl="~/reg/authenticate_code_pic.aspx" /></td>
                                    </tr>
                                </table>
                                <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
                                    <TR>
                                        <td bgColor=#DDDDDD></td><TD style="FONT-SIZE: 9pt; FONT-FAMILY: Courier New; HEIGHT: 3px; width: 99%;" bgColor=#FFFFFF align="center">
                                            <br />
                                            <asp:Button ID="btnRegister" runat="server" Text="注册" Height="25px" Width="75px" OnClick="btnRegister_Click"/>
                                            &nbsp;
                                            <input id="btnCancle" style="width: 75px; height: 25px" type="button" value="取消" language="javascript" onclick="return btnCancle_onclick()" /><br />
                                        </TD><td bgColor=#DDDDDD></td>
                                    </TR>
                                 </table>
                                <br />
                                <table border="0" width="100%" cellpadding="0" cellspacing="0">
                                    <TR>
                                        <TD style="FONT-SIZE: 9pt; FONT-FAMILY: Courier New; HEIGHT: 3px" bgColor=#DDDDDD></TD>
                                    </TR>
                                 </table>
                                <table border="0" width="100%" cellpadding="0" cellspacing="0" align="center">
                                    <TR>
                                        <td bgColor=#DDDDDD style="height: 15px"></td><TD style="FONT-SIZE: 9pt; FONT-FAMILY: Courier New; HEIGHT: 15px; width: 99%;" bgColor=#FF9F60></TD><td bgColor=#DDDDDD style="height: 15px"></td>
                                    </TR>
                                 </table>
                                 <table border="0" width="100%" cellpadding="0" cellspacing="0" style="height: 27px">
                                    <TR>
                                        <TD style="FONT-SIZE: 9pt; FONT-FAMILY: Courier New; HEIGHT: 3px" bgColor=#DDDDDD align="center">
                                            版权所有：芭提公司 Copyright<span lang="en"><font face="Arial">©</font> </span>2005-2006
                                            All Right Reserved</TD>
                                    </TR>
                                 </table>
                            </td>
                        </tr>
                    </TABLE>
                </td>
            </tr>
        </TABLE>
    </div>
    </form>
</body>
</html>
