register.hbs 3.53 KB
<div class="register-page center-content">
    <ul>
        <li class="w330 clearfix">
            <div class="title">
                JOIN YOHO!BLK
            </div>
        </li>
        <li class="clearfix" data-index="0">
            <select id="region" class="region" name="region">
                {{#each region}}
                    <option {{#if selected}}selected="selected"{{/if}} value="{{areaCode}}">{{name}}</option>
                {{/each}}
            </select>
            <div id="phone" class="left phone relative">
                <span id="country-code" class="country-code">{{location}}</span>
                <input value="" id="phone-num" class="input phone-num" type="text" name="phoneNum"
                       placeholder="Phone Number" autocomplete="off">

                {{> err-tip}}

            </div>

        </li>

        <li class="clearfix" data-index="1">

            <div class="img-captcha-wrapper">
                <input id="captcha" class="input captcha" type="text" name="captcha" placeholder="图形验证码"
                       autocomplete="off" maxlength="4">

                {{> err-tip}}
            </div>

            <div class="left captcha-component">
                <img id="captcha-img" class="captcha-img" src="{{captchaUrl}}" alt="">
                <a class="left link change-captcha"><span class="iconfont gray">&#xe613;</span></a>
            </div>

        </li>

        <li class="clearfix" data-index="2">

            <div class="sms-captcha-wrapper">
                <input id="msg-captcha" class="input msg-captcha" type="text" name="msgCaptcha" placeholder="短信验证码"
                       autocomplete="off" maxlength="4">

                {{> err-tip}}

            </div>
            <a id="send-captcha" class="btn send-captcha disable">获取短信验证码</a>
        </li>

        <li class="clearfix" data-index="3">
            <div class="pwd-intensity-container">
                <span class="pwd-intensity low"></span>
                <span class="pwd-intensity mid"></span>
                <span class="pwd-intensity high"></span>
            </div>
        </li>

        <li class="clearfix">

            <div class="pwd-wrapper">

                <input id="pwd" class="input pwd" name="pwd" placeholder="Password" autocomplete="off" maxlength="20"
                       type="password">

                {{> err-tip}}
            </div>
        </li>

        <li class="clearfix">
            <span class="agree-terms checked">
                <span class="iconfont checkbox small">&#xe602;</span>
                我已阅读并同意遵守
            </span>
            <span class="right">
                <a class="blue go-yoho-items" href="{{itemUrl}}" target="_blank">YOHO!有货服务条款</a>
            </span>
        </li>
        <li class="clearfix">
            <input name="refer" id="refer" type="hidden" value="{{referUrl}}">
            <div style="width: 100%;text-align: center">
                <input id="register-btn" class="btn btn-fixed-height disable" type="submit" value="{{regBtnText}}"
                >
            </div>
        </li>
        <li class="clearfix quick-login-container">
            <div style="width: 100%;text-align: center">
                已注册YOHO!BLK账号
                <a class="blue go-login" href="{{loginUrl}}">快速登录</a>
            </div>
        </li>
    </ul>

    <input name="" type="hidden" id="open-id" value="{{openId}}"/>
    <input name="" type="hidden" id="source-type" value="{{sourceType}}"/>
</div>