<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!--让部分国产浏览器默认采用高速模式渲染页面,而非兼容模式-->
    <link rel="icon" href="../../favicon.ico">
    <title>注册</title>
    <!--cs-->
    <link type="text/css" rel="stylesheet" href="{R}member/css/bootstrap.css">
    <link type="text/css" rel="stylesheet" href="{R}css/login_style.css">
    <link href="{R}css/validform.css" rel="stylesheet">
    <!--js-->
    <script type="text/javascript" src="{R}js/jquery-1.12.1.js"></script>
    <script type="text/javascript" src="{R}member/js/bootstrap.js"></script>
    <script src="{R}js/validform.min.js"></script>
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="{R}js/html5shiv.js"></script>
    <script src="{R}js/respond.min.js"></script>
    <![endif]-->
</head>
<body>

<!--<link rel="stylesheet" href="{R}js/dialog/ui-dialog.css" />-->
<!--<script src="{R}js/dialog/dialog-plus.js"></script>-->


<div class="container login">
    <div class="verticalcenter">
        <div class="row" style="margin-left: -16px; margin-right: -16px;">
            <div class="col-xs-3 disanfang_ico" style="min-height: 700px;">
                <div class="login-logo thumbnail" style="border-radius: 50%;" ><img  alt="Brand" src="{R}images/login-logo.png" class="img-circle" ></div>

                <span style="color: #999999; font-size: 24px;">欢迎注册！</span><hr>
                <span style="color: #999999">已是会员？<a style="color: #ba0600" href="{WEBURL}index.php?m=member&v=login">立即登录</a></span>
            </div>

            <div class="col-xs-9" style="margin-top: 60px">
                <div class="row">
                    <div class="col-xs-3" style="text-align: right"> </div>
                    <div class="col-xs-9">
<!--                        <div class="typesbox">
                            <ul class="nav nav-pills">
                                <li role="presentation" class="stypeclass " onclick="ch_type(10,this);"><a href="#"><span>个人注册</span></a></li>
                                <li role="presentation" class="stypeclass active" onclick="ch_type(11,this);"><a href="#"><span >商户注册</span></a></li>
                            </ul>
                        </div>-->

                    </div>
                    <form action="" method="post" id="form-register" name="form-register" class="form-horizontal">
                        <input type="hidden" name="modelid" id="setmodelid" value="10">
                        <div class="form-group" id="d_companyname">
                            <label class="control-label col-xs-3" id="f_companyname">用户名</label>
                            <div class="col-xs-9  form-inline">
                                <input type="text" style="width: 60%" name="username" id="username" class="form-control" placeholder="请输入用户名" datatype="/^[a-z0-9\u4E00-\u9FA5\uf900-\ufa2d\-]{3,20}$/i" errormsg="用户名为3-20位数字、字母、汉字和-组成" sucmsg="OK" ajaxurl="index.php?m=member&amp;f=index&amp;v=public_check_user">
                                <span class="Validform_checktip"><!--请输入名称--></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-3">手机号码</label>
                            <div class="col-xs-9  form-inline">
                                <input  style="width: 60%" type="text" id="mobile" name="mobile" class="form-control" placeholder="请输入手机号码" datatype="m" errormsg="请输入正确的手机号码" sucmsg="OK" ajaxurl="index.php?m=member&f=index&v=public_check_mobile">
                                <span class="Validform_checktip"><!--请输入手机号码--></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-3">图片验证码</label>
                            <div class="col-xs-9  form-inline">
                                <input  style="width: 60%" type="text" name="checkcode" id="checkcode" class="form-control" id="Verificationcode" placeholder="请输入验证码" datatype="*4-4"	errormsg="请输入验证码" sucmsg="输入正确" onfocus="if($('#code_img').attr('src') == '{R}images/logincode.gif')$('#code_img').attr('src', '{WEBURL}api/identifying_code.php?w=112&h=40&rd='+Math.random());" ajaxurl="api/identifying_code_check.php"/>
                                <img  src="{R}images/logincode.gif" id="code_img" alt="点击刷新"	onclick="$(this).attr('src', '{WEBURL}api/identifying_code.php?w=112&h=40&rd='+Math.random());" style="margin-top:2px;margin-right:4px; position: absolute; top: 0;right: 40%; max-height: 35px;">
                                <span class="Validform_checktip"><!--请输入验证码--></span>
                            </div>

                        </div>
{if $setting['checkmobile']}
                        <div class="form-group">
                            <label class="control-label col-xs-3">短信验证码</label>
                            <div class="col-xs-9  form-inline">
                                <input style="width: 60%"  type="text" class="form-control" id="smscode" placeholder="请输入手机收到的短信验证码" name="smscode" datatype="*4-4" errormsg="请输入短信验证码" sucmsg="输入正确" ajaxurl="api/sms_check.php">
                                <button type="button" name="getsms" id="getsms" class="btn btn-default" onclick="send_sms();" style="margin-top:1px;  margin-right:4px; position: absolute; top: 0;right: 40%; border: none; border-left:1px solid #EEEEEE;  border-radius: 0; padding: 8px ">免费获取验证码</button>
                                <span class="Validform_checktip"><!--请输入短信验证码--></span>
                            </div>
                        </div>
{/if}
                        <div class="form-group">
                            <label class="control-label col-xs-3">邮箱</label>
                            <div class="col-xs-9  form-inline">
                                <input style="width: 60%" type="text" name="email" class="form-control" placeholder="请输入Email" datatype="e" errormsg="格式错误" sucmsg="OK" ajaxurl="index.php?m=member&amp;f=index&amp;v=public_check_email">
                                <span class="Validform_checktip"><!--请输入密码--></span>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-3">设置密码</label>
                            <div class="col-xs-9  form-inline">
                                <input style="width: 60%" type="password" name="password" class="form-control" placeholder="请输入密码" datatype="*" errormsg="请输入密码" sucmsg="OK">
                                <span class="Validform_checktip"><!--请输入密码--></span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-xs-3">确认密码</label>
                            <div class=" col-xs-9  form-inline">
                                <input style="width: 60%"  type="password" name="pwdconfirm" class="form-control" placeholder="请确认密码" datatype="*" recheck="password" errormsg="您两次输入的账号密码不一致！" sucmsg="OK" >
                                <span class="Validform_checktip"><!--请再次输入密码--></span>
                            </div>
                        </div>

                        <div class="form-group">
                            <label class="control-label col-xs-3"></label>
                            <input  type="checkbox" name="protocol" value="1" class="checkbox" checked="" /> 我已阅读并同意<a href="javascript:showProtocol();" target="_blank">《网站使用协议》</a>
                        </div>
                        <div class="form-group">
                            <label class="control-label col-xs-3"> </label>
                            <div class=" col-xs-9">
                                <input style="width: 60%" type="submit" name="submit" class="btn btn-primary btn-lg" value=" 注册 " />
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

    </div>
</div>
<link rel="stylesheet" href="{R}js/dialog/ui-dialog.css" />
<div id="protocol" class="ui-popup ui-popup-modal ui-popup-show ui-popup-focus" style="position: fixed; z-index: 100; left: 10%; top: 10%;display: none;">
    <div class="ui-dialog">
        <div class="ui-dialog-header">
            <button class="ui-dialog-close" onclick="$('#protocol').hide()">×</button>
            <div class="ui-dialog-title">注册协议</div>
        </div>
        <p style="margin:20px;"><?php echo nl2br($this->setting['protocol'])?></p>
        <div class="col-xs-12 text-center" style="margin-bottom:20px;">
            <input style="width: 100px;" onclick="$('#protocol').hide()" type="submit" name="submit" class="btn btn-default btn-sm" value=" 关闭 ">
        </div>
    </div>
</div>

<!--footer-->
<nav class="navbar navbar-default navbar-fixed-bottom login--bottom">
    <div class="container">
        <div class="col-xs-12" style="text-align: center">Copyright©2005-2015 版权所有 五指CMS 京ICP备14036160号-1 Powered by 五指CMS</div>
    </div>
</nav>


<script type="text/javascript">
    function ch_type(type,obj) {
        $('.stypeclass').removeClass('active');
        $(obj).addClass('active');

        $("#setmodelid").val(type);
        if(type==10) {
            $("#companyname").attr('type','hidden');

            $("#d_companyname").css('display','none');


        } else {
            $("#companyname").attr('type','text');

            $("#d_companyname").css('display','');

            if(type==11) {
                $("#f_companyname").html('公司名称');
            }
        }
    }

    $(function(){
		$(".form-horizontal").Validform({
			tiptype:3,
            callback:function(form){
        		$("#submit").click();
    		}
		});
	});
//	注册协议 先简单alert一下 后期统一UI处理
            function showProtocol() {
                var width = $(window).width();
                var height = $(window).height();
                $('#protocol > div').css({ width:(width*0.8)+'px', height:(height*0.8)+'px', overflow:'auto' });
                $('#protocol').show();
            }
</script>
<script type="text/javascript">
    var times = 0;
    function send_sms() {
        var mobile = $("#mobile").val();
        var checkcode = $("#checkcode").val();
        if(mobile== '' || checkcode=='') {
            $("#form-register").submit();
        } else {
            $.get( "index.php?m=sms&f=sms&v=sendsms",{ mobile:mobile,checkcode: checkcode,isreg: '1' }, function( data ) {
                if(data=='0') {
                    $("#smscode").val('');
                    times = 120;
                    $("#getsms").attr('disabled', true);
                    sendit();

                    $("#form-register").submit();
                } else if(data=='202') {
                    alert('图片验证码错误！');
                    $("#checkcode").focus();
                } else if(data=='203') {
                    alert('发送失败！今天发送数量太多！');
                } else if(data=='204') {
                    alert('发送过快，请2分钟后重试！');
                } else if(data=='205') {
                    alert('发送失败！今天发送数量太多！');
                } else if(data=='206') {
                    alert('发送失败！该手机号码已注册过！');
                } else {
                    alert('接口异常，短信发送失败！');
                }
            });
        }
    }
    setInterval("sendit()",1000);
    function sendit() {
        if(times==0) return false;
        var showtime = '';
        showtime = '已发送 '+times+'秒后获取';
        $("#getsms").text(showtime);
        times--;
        if(times<1) {
            times = 0;
            $("#code_img").click();
            $("#getsms").text('获取短信验证码');
            $("#getsms").attr('disabled',false);
        }
    }
</script>

</body>
</html>