<div class="register-page">
    <ul>
        <li class="clearfix">
            <select id="region" class="region" name="region">
                {{#each region}}
                <option {{#if selected}}selected="selected"{{/if}} value="{{areaCode}}">{{name}}</option>
                {{/each}}
            </select>
        </li>
        <li class="clearfix" data-index="0">
            <span id="country-code" class="country-code">{{location}}</span>
            <input value="" id="phone-num" class="input va phone-num" type="text" name="phoneNum" placeholder="请输入手机号码" autocomplete="off">
        </li>
        <li class="w330 clearfix" data-index="1">
            <input id="captcha" class="input va captcha" type="text" name="captcha" placeholder="图形验证码" autocomplete="off" maxlength="4">
            <img id="captcha-img" class="captcha-img" src="{{captchaUrl}}" alt="">
            <a class="link change-captcha">换一张</a>
        </li>
        <li class="clearfix" data-index="2">
            <input id="msg-captcha" class="input va msg-captcha" type="text" name="msgCaptcha" placeholder="短信验证码" autocomplete="off" maxlength="4">
            <input id="send-captcha" class="btn send-captcha disable" type="button" value="获取短信验证码">
            <span id="msg-tip" class="hide msg-tip">短信验证码已发送至您的手机，请查收</span>
        </li>
        <li class="clearfix" data-index="3">
            <input id="pwd" class="input va pwd" name="pwd" placeholder="设置密码" autocomplete="off" maxlength="20" type="password">
            <div class="pwd-intensity-container">
                <span class="pwd-intensity low">低</span>
                <span class="pwd-intensity mid">中</span>
                <span class="pwd-intensity high">高</span>
            </div>
            <div id="pwd-tips" class="hide pwd-tips">
                <div class="default" id="pwd-tip1"><i></i>密码只支持6-20位字符</div>
                <div class="default" id="pwd-tip2"><i></i>由字母、 数字组合，不能包含特殊符号</div>
            </div>
        </li>

        <li class="items-container clearfix">
            <input id="agree-terms" class="agree-terms" type="checkbox" checked="">
            <span>
                我已阅读并同意遵守
                <a class="link go-yoho-items" href="{{itemUrl}}" target="_blank">YOHO!BUY 有货服务条款</a>
            </span>
        </li>
        <li class="clearfix">
            <input name="refer" id="refer" type="hidden" value="{{referUrl}}">
            <input id="register-btn" class="btn register-btn disable" type="submit" value="{{regBtnText}}" disabled="">
        </li>
        {{# loginUrl}}
        <li class="quick-login-container">
            我已注册YOHO!BUY 有货账号
            <a class="link go-login" href="{{.}}">快速登录</a>
        </li>
        {{/loginUrl}}

        {{# skipUrl}}
        <li class="skip-user-info">
            <a href="{{.}}">跳过此步</a>
        </li>
        {{/skipUrl}}

    </ul>
    <div id="err-tip" class="err-tip hide">
        <span></span>
        <b></b>
    </div>
    <input name="" type="hidden" id="open-id" value="{{openId}}"/>
    <input name="" type="hidden" id="source-type" value="{{sourceType}}"/>
</div>