<%@ Page Language="C#" MasterPageFile="Member.master" AutoEventWireup="true" Inherits="Ruiao.WebSite.Public.Member.Register" Codebehind="Register.aspx.cs" %>
<asp:Content ID="MyHead" ContentPlaceHolderID="cphHead" runat="Server">
<script type="text/javascript" src="<%=AppUrl %>/Common/Script/Common.js"></script>

<script type="text/javascript">
function Page_Load()
{
    //根据cbxShowExInfoTable决定是否"显示更多选填内容"
    var _cbxShowExInfoTable = document.getElementById('<%=cbxShowExInfoTable.ClientID %>');
    if(_cbxShowExInfoTable != null)
    {
        if(_cbxShowExInfoTable.checked)
        {
            document.getElementById('Register_ExInfoTable').style.display = "";
        }
        else
        {
            document.getElementById('Register_ExInfoTable').style.display = "none";
        }
    }
}
function MemberCheck_CallServer()
{
    var me = document.getElementById("MemberCheckButton").disabled = true;
    
    var Params = "";
    Params += escape(document.getElementById('<%=tbLoginName.ClientID %>').value);
    Params += "&";
    Params += escape(document.getElementById('<%=tbDisplayName.ClientID %>').value);
    Params += "&";
    Params += escape(document.getElementById('<%=tbEmail.ClientID %>').value);
    
    <%= ClientScript.GetCallbackEventReference(this, "Params", "MemberCheck_ReceiveServerData",null)%>;
}
function MemberCheck_ReceiveServerData(ReceiveValue)
{
    alert(ReceiveValue);
    
    var me = document.getElementById("MemberCheckButton").disabled = false;
}
</script>
</asp:Content>
<asp:Content ID="MyContent" ContentPlaceHolderID="cphMain" runat="Server">
<div id="ContentContainer">
    <form id="Register_MainForm" class="MainForm" runat="server">
        <table id="Register_MainTable" class="MainTable" cellspacing="1px" style="border-bottom:none;">
            <tr id="Register_TitleTR" class="Title">
                <td id="Register_TitleTD" colspan="2"><%=MyTitle %></td>
            </tr>
            
            <tr class="SubTitle">
                <td colspan="2">会员基本资料，带"*"号的部分必须填写。</td>
            </tr>
            
            <tr>
                <td style="width:40%"><div class="MainTable_TD_Stress">*</div><div class="TD_Title">登录名</div><div class="TD_Notes">用于登录的会员名称，请使用<%=Ruiao.Public.Entity.pbMember.LoginName_MixLength%>-<%=Ruiao.Public.Entity.pbMember.LoginName_MaxLength%>个英文与数字，不区分大小写</div></td>
                <td style="width:60%"><asp:TextBox ID="tbLoginName" runat="server" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="MainTable_TD_Stress">*</div><div class="TD_Title">显示名称</div><div class="TD_Notes">您在本站的显示名称，请使用<%=Ruiao.Public.Entity.pbMember.DisplayName_MixLength%>-<%=Ruiao.Public.Entity.pbMember.DisplayName_MaxLength%>个中英文与数字，不区分大小写</div></td>
                <td><asp:TextBox ID="tbDisplayName" runat="server" CssClass="Input_01" /></td>
            </tr>
            <%if(CheckCodeByMemberRegister) {%>
            <tr>
                <td><div class="MainTable_TD_Stress">*</div><div class="TD_Title">验证码</div><div class="TD_Notes">请输入右侧图片中的内容，不区分大小写</div></td>
                <td>
                <asp:TextBox ID="tbValidateCode" runat="server" CssClass="Input_01" />
                <script type="text/javascript">document.write('<img id="RegPage_ValidatCode" class="ValidatCodeImage" alt="" src="<%=AppUrl %>/GetValidateCode<%=ExtensionName %>?OnlyShow=true&Height=21&4JyAxC/aVfnZkuWcprMw=',Math.random(),'" />')</script>
                <span class="ValidatCodeText" onclick="ValidatCode_ReLoad('RegPage_ValidatCode', false)">看不清楚，换一个！</span>
                </td>
            </tr>
            <%} %>
            <tr>
                <td><div class="MainTable_TD_Stress">*</div><div class="TD_Title">您的密码</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.Password_MixLength%>-<%=Ruiao.Public.Entity.pbMember.Password_MaxLength%>个中英文与数字</div></td>
                <td><asp:TextBox ID="tbPassword" runat="server" TextMode="Password" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="MainTable_TD_Stress">*</div><div class="TD_Title">密码确认</div><div class="TD_Notes">请再次输入您的密码，以确认输入无误</div></td>
                <td><asp:TextBox ID="tbPasswordEnter" runat="server" TextMode="Password" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="MainTable_TD_Stress">*</div><div class="TD_Title">电子邮件</div><div class="TD_Notes">请输入有效的邮件地址，这将使您能用到本站的所有功能</div></td>
                <td><asp:TextBox ID="tbEmail" runat="server" CssClass="Input_01" /><button id="MemberCheckButton" onclick="MemberCheck_CallServer()" class="SubmitButton">检测帐号</button></td>
            </tr>
            <tr class="MainTable_TR, MainTable_SubTitle">
                
                <td colspan="2">
                <asp:CheckBox ID="cbxShowExInfoTable" runat="server" Text=" 显示更多选填内容" /></td>
            </tr>
        </table>
        <table id="Register_ExInfoTable" class="MainTable" cellspacing="1px" style="border-top:none; border-bottom:none;">
            <tr>
                <td style="width:40%; border-top:none;"><div class="TD_Title">密码提示问题</div><div class="TD_Notes">用于取回密码，请使用<%=Ruiao.Public.Entity.pbMember.Question_MixLength%>-<%=Ruiao.Public.Entity.pbMember.Question_MaxLength%>个中英文与数字</div></td>
                <td style="width:60%; border-top:none;"><asp:TextBox ID="tbQuestion" runat="server" CssClass="Input_01" /></td>
            </tr>
            <tr>
                <td><div class="TD_Title">密码提示答案</div><div class="TD_Notes">与密码提示问题对应填写，请使用<%=Ruiao.Public.Entity.pbMember.Answer_MixLength%>-<%=Ruiao.Public.Entity.pbMember.Answer_MaxLength%>个中英文与数字</div></td>
                <td><asp:TextBox ID="tbAnswer" runat="server" CssClass="Input_01" /></td>
            </tr>
            <tr>
                <td><div class="TD_Title">您的性别</div><div class="TD_Notes">请选择您的性别，如果需要可以选择保密</div></td>
                <td><asp:RadioButtonList ID="rblSex" runat="server" RepeatColumns="3" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">婚姻状况</div><div class="TD_Notes">请选择您的婚姻状况，如果需要可以选择保密</div></td>
                <td><asp:RadioButtonList ID="rblWedlock" runat="server" RepeatColumns="5" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">工作描述</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.Work_MixLength%>-<%=Ruiao.Public.Entity.pbMember.Work_MaxLength%>个中英文与数字</div></td>
                <td><asp:TextBox ID="tbWork" runat="server" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">您的地址</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.Address_MixLength%>-<%=Ruiao.Public.Entity.pbMember.Address_MaxLength%>个中英文与数字</div></td>
                <td><asp:TextBox ID="tbAddress" runat="server" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">真实姓名</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.RealName_MixLength%>-<%=Ruiao.Public.Entity.pbMember.RealName_MaxLength%>位中英文</div></td>
                <td><asp:TextBox ID="tbRealName" runat="server" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">联系电话</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.Phone_MixLength%>-<%=Ruiao.Public.Entity.pbMember.Phone_MaxLength%>位数字与符号</div></td>
                <td><asp:TextBox ID="tbPhone" runat="server" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">移动电话</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.Mobile_MixLength%>-<%=Ruiao.Public.Entity.pbMember.Mobile_MaxLength%>位数字与符号</div></td>
                <td><asp:TextBox ID="tbMobile" runat="server" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">MSN帐户</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.MSN_MixLength%>-<%=Ruiao.Public.Entity.pbMember.MSN_MaxLength%>个中英文与数字</div></td>
                <td><asp:TextBox ID="tbMSN" runat="server" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">QQ号码</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.QQ_MixLength%>-<%=Ruiao.Public.Entity.pbMember.QQ_MaxLength%>位数字</div></td>
                <td><asp:TextBox ID="tbQQ" runat="server" CssClass="Input_01" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">个性签名</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.Signature_MixLength%>-<%=Ruiao.Public.Entity.pbMember.Signature_MaxLength%>个中英文与数字</div></td>
                <td><asp:TextBox ID="tbSignature" runat="server" TextMode="MultiLine" CssClass="Input_02" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">爱好描述</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.MyLike_MixLength%>-<%=Ruiao.Public.Entity.pbMember.MyLike_MaxLength%>个中英文与数字</div></td>
                <td><asp:TextBox ID="tbMyLike" runat="server" TextMode="MultiLine" CssClass="Input_02" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">自我介绍</div><div class="TD_Notes">请使用<%=Ruiao.Public.Entity.pbMember.Intro_MixLength%>-<%=Ruiao.Public.Entity.pbMember.Intro_MaxLength%>个中英文与数字</div></td>
                <td><asp:TextBox ID="tbIntro" runat="server" TextMode="MultiLine" CssClass="Input_02" /></td>
            </tr>
            
            <tr>
                <td><div class="TD_Title">生日</div><div class="TD_Notes">请正确选择您的出生年月日，以便我们为您提供更好的服务。</div></td>
                <td>
                    <asp:DropDownList ID="ddlBirthday_Year" runat="server"></asp:DropDownList>年
                    <asp:DropDownList ID="ddlBirthday_Month" runat="server"></asp:DropDownList>月
                    <asp:DropDownList ID="ddlBirthday_Day" runat="server"></asp:DropDownList>日
                </td>
            </tr>
        </table>
        <table id="Register_SubmitTable" class="MainTable" cellspacing="1px" style="border-top:none;">
            <tr>
                <td style=" text-align:center; border-top:none;"><asp:Button ID="btMemberAdd" runat="server" Text="注册新用户" OnClick="btMemberAdd_Click" CssClass="SubmitButton" /></td>
            </tr>
        </table>
    </form>
</div>
<script type="text/javascript">Page_Load();</script>
</asp:Content>