{include file="public/mall_top" /}
<div class="header-login clearfix">
    <div class="w1200">
        <div class="logo">
            <a href="{$Think.config.url_domain_root}index.php"><img src="{$Think.config.url_attach_common}/{$Think.config.site_logo}"/></a>
        </div>
    </div>
</div>


<div class="page_register clearfix">
    <div class="w1200">
        <div class="r_icon1"></div>
        <div class="r_icon2"></div>
        <div class="r_icon3"></div>
        <div class="r_icon4"></div>
        <div class="r_icon5"></div>
        <form method="post" id="post_form" action="{:url('/Home/Login/usersave')}">
            <div class="register_form">
                <div class="mt">账号注册</div>
                {if $member.member_id}
                <div class="item clearfix">
                    <div class="label">推荐人</div>
                    <div class="item-text">
                        <input name='inviter_id' type='hidden' value='{$member.member_id}'><span>{$member.member_name}</span>
                    </div>
                </div>
                {/if}
                <div class="item clearfix">
                    <div class="label">用户名</div>
                    <div class="item-text">
                        <input type="text" id="member_name" name="member_name" class="text" tabindex="1" placeholder="请使用3-15个中、英文、数字及“-”符号"/>
                    </div>
                </div>
                <div class="item clearfix">
                    <div class="label">
                        设置密码
                    </div>
                    <div class="item-text">
                        <input type="password" id="member_password" name="member_password" class="text" tabindex="1" placeholder=""/>
                    </div>
                </div>
                <div class="item clearfix">
                    <div class="label">
                        确认密码
                    </div>
                    <div class="item-text">
                        <input type="password" id="member_password_confirm" name="member_password_confirm" class="text" tabindex="1" placeholder=""/>
                    </div>
                </div>
                {notempty name="$Think.config.sms_register"}
                <div class="item clearfix">
                    <div class="label">手机号</div>
                    <div class="item-text">
                        <input type="text" id="sms_mobile" name="sms_mobile" class="text" tabindex="1" placeholder="建议使用常用手机" maxlength="11"/>
                    </div>
                </div>
                <div class="item clearfix">
                    <div class="label">手机验证码</div>
                    <div class="item-text">
                        <input type="text" id="sms_captcha" name="sms_captcha" class="text" tabindex="1" placeholder="请输入手机验证码" maxlength="6" style="width:120px;"/>
                        <input class="send_code" type="button" value="获取验证码" onclick="get_sms_captcha(1);"/>
                    </div>
                </div>
                {/notempty}
                <div class="item">
                    <input type="submit" class="btn login-btn" value="注册"/>
                </div>
            </div>
        </form>
    </div>
</div>


{notempty name="$Think.config.sms_register"}
<script type="text/javascript" src="{$Think.config.url_domain_root}static/home/js/connect_sms.js"></script>
{/notempty}
<script>
    $(function () {
        $("#post_form").validate({
            errorPlacement: function (error, element) {
                var error_td = element.parent('.item-text');
                error_td.append(error);
                element.parents('.item:first').addClass('error');
            },
            success: function (label) {
                label.parents('.item:first').removeClass('error').find('label').remove();
            },
            rules: {
                member_name: {
                    required: true,
                    remote: {
                        url: SITE_URL + 'index.php/Home/Login/check_member.html',
                        type: 'get',
                        data: {
                            user_name: function () {
                                return $('#member_name').val();
                            }
                        }
                    }
                },
                member_password: {
                    required: true,
                    minlength: 6,
                    maxlength: 20
                },
                member_password_confirm: {
                    required: true,
                    equalTo: '#member_password'
                },
                sms_mobile: {
                    required: true,
                    minlength: 11,
                    maxlength: 11
                },
                sms_captcha: {
                    required: true,
                    minlength: 6
                }
            },
            messages: {
                member_name: {
                    required: '<i class="icon-exclamation-sign"></i>{$Think.lang.login_register_input_username}',
                    remote: '<i class="icon-exclamation-sign"></i>{$Think.lang.login_register_username_exists}'
                },
                member_password: {
                    required: '<i class="icon-exclamation-sign"></i>{$Think.lang.login_register_input_password}',
                    minlength: '<i class="icon-exclamation-sign"></i>{$Think.lang.login_register_password_range}',
                    maxlength: '<i class="icon-exclamation-sign"></i>{$Think.lang.login_register_password_range}'
                },
                member_password_confirm: {
                    required: '<i class="icon-exclamation-sign"></i>{$Think.lang.login_register_input_password_again}',
                    equalTo: '<i class="icon-exclamation-sign"></i>{$Think.lang.login_register_password_not_same}'
                },
                sms_mobile: {
                    required: '<i class="icon-exclamation-sign"></i>请输入正确的手机号',
                    minlength: '<i class="icon-exclamation-sign"></i>请输入正确的手机号',
                    maxlength: '<i class="icon-exclamation-sign"></i>请输入正确的手机号'
                },
                sms_captcha: {
                    required: '<i class="icon-exclamation-sign"></i>请输入六位短信动态码',
                    minlength: '<i class="icon-exclamation-sign"></i>请输入六位短信动态码'
                }
            }
        });
    });

</script>
{include file="public/mall_footer" /}