<%@ Page Title="" Language="C#" MasterPageFile="~/Master/UserPageMaster.master" CodeBehind="Phone.aspx.cs" Inherits="WAP2P.Web.PC.User.Info.Phone" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="content" runat="server">
    <div class="m-container g-zindexmin g-ohide mt20 mb20 m-globalbox m-wholebox">
        <div class="m-title">
            <span><i class="iconfont fs30">&#xe604;</i>  手机认证</span>
        </div>
        <ruson:Space runat="server" ID="guide" Visible="false">
            <div class="t-flowsteps js-stepnav">
                <ol class="ui-stepbar step-num2">
                    <li class="first current">
                        <span>
                            <i>1</i>
                            <em>身份验证</em>
                        </span>
                    </li>

                    <li class="last">
                        <span>
                            <i>2</i>
                            <em>绑定新手机</em>
                        </span>
                    </li>
                </ol>
            </div>
        </ruson:Space>
        <div class="form-big ml204">
            <form class="js-auto js-vsum js-step" method="post" action=""  data-onsuccess="common.pageTip('<% =PageBase.TipType.Success %>', '绑定<% =CurrentUser.EmailValid == WAP2P.Member.User.BaseInfoValidStatus.ValidSuccess ? "新" : string.Empty %>手机号码成功。', '/User/Info/SafeCenter' + gconfig.pageExt, '帐户安全中心');">
                <ruson:Space runat="server" ID="authentication" Visible="false">
                    <div class="js-step" id="js-authentication">
                        <div class="t-redfont mb10 js-tip">
                            请您先通过原绑定手机验证身份，请填写以下信息：<span><%= CurrentUser.Phone.HidePart() %></span>
                            <input type="hidden" id="oldPhone" name="oldPhone" value="<%= CurrentUser.Phone.HtmlEncode() %>" />
                        </div>
                        <div class="input-big js-tip js-sendvcode" data-vcode-target="#oldPhone">
                            <label class="leftfont">手机验证码</label>

                            <input type="text" name="oldValidCode" class="text js-sendvcode-code" size="20" placeholder="请输入您收到的验证码" disabled="disabled" maxlength="6" data-vtype="length|fun" data-vfun="validOldPhoneCode" data-vmin="6" data-vmax="6" data-vmsg="请输入正确的验证码。|验证码不正确。" />
                            <input type="button" class="btn-nobordbig c-normal js-sendvcode-btn" value="发送验证码" />
                            <span class="prompt">如果您当前绑定的手机号码已无法接收短信，请联系您的客服专员。</span>
                        </div>
                        <div class="btn-submits ml99">
                            <input type="submit" value="下 一 步" class="btn-nobordbig c-normal fs16 w366" />
                            <div class="w366"><em class="m-sumtip js-vsum"></em></div>
                        </div>
                    </div>
                </ruson:Space>
                <div class="js-step<% =CurrentUser.PhoneValid == WAP2P.Member.User.BaseInfoValidStatus.ValidSuccess ? " g-hide" : string.Empty %>" id="js-validInfo">
                    <div class="js-bindPhone">
                        <div class="input-big mt40  js-tip">
                            <label class="leftfont">手机号码</label>
                            <input type="text" class="text w332 js-vtarget" name="newPhone" id="newPhone" placeholder="请输入您的手机号码" maxlength="11" data-vtype="phone|ajax" data-vmsg="请输入正确的手机号码。|此手机号码已经被使用。" data-vurl="?action=newExists" />
                        </div>
                        <div class="input-big js-tip js-sendvcode" data-vcode-target="#newPhone">
                            <label class="leftfont">手机验证码</label>
                            <input type="text" name="newValidCode" class="text js-sendvcode-code" size="20" placeholder="请输入您收到的验证码" disabled="disabled" maxlength="6" data-vtype="length|fun" data-vfun="validNewPhoneCode" data-vmin="6" data-vmax="6" data-vmsg="请输入正确的验证码。|验证码不正确。" />
                            <input type="button" class="btn-nobordbig c-normal js-sendvcode-btn" value="发送验证码" />
                        </div>
                        <div class="btn-submits ml99">
                            <input type="submit" value="提 交" class="btn-bbord fs16 c-normal w366" data-success-text="认证成功" />
                            <div class="w366"><em class="m-sumtip js-vsum"></em></div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="script" runat="server">
    <script>
        common.sendValidCode.initInput();

        function validNewPhoneCode(val) {
            return common.sendValidCode.valid($('#newPhone').val(), val);
        }

        function validOldPhoneCode(val) {
            return common.sendValidCode.valid($('#oldPhone').val(), val);
        };
    </script>
</asp:Content>
