waibao
/
NN2022090201


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
							<!doctype html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="description" content="">
		<meta name="keywords" content="">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>注册</title>
		<meta name="renderer" content="webkit">
		<link rel="stylesheet" href="__CDN__/assets/index/css/amazeui.css">
		<link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
		<link rel="stylesheet" href="__CDN__/assets/shop/css/login.css" />
		<style>
			#yzmcode{height: 38px;}
			.smsverfy{margin-left: 10%;}
			.verifyimg{vertical-align:middle;cursor:pointer;height:39px;width: 40%;}
		</style>
	</head>
	<body class="am-bg-white">
	<div class="wapper">
		<div class="am-padding am-margin-top-xl am-padding-top-lg">
			<h1>您好，</h1>
			<p class="am-link-muted">欢迎来到{:config('site')['name']}，立即<a href="login.html" class="am-text-danger">登录</a></p>
		</div>
		<div class="am-margin-top am-padding-sm">
			<form class="am-form" id="form1">
				{:token()}
            <div class="am-form-group">
				<input class="am-form-input" type="text" name="nickname" placeholder="请输入姓名">
			</div>
				<div class="am-form-group">
					<input class="am-form-input" type="text" name="mobile" placeholder="请输入手机号">
				</div>

				<div class="am-form-group">
					<input class="am-form-input" type="password" name="password" placeholder="请输入登录密码">
				</div>
				<div class="am-form-group">
					<input class="am-form-input" type="password" name="password2" placeholder="请输入支付密码">
				</div>
				<div class="am-form-group">
					<input class="am-form-input" type="text" name="referee" placeholder="请输入邀请码" value="{$code}">
				</div>
				<div class="am-form-group">
					<div class="am-checkbox am-padding-left-0">
						<label class="am-checkbox am-secondary am-padding-top-0">
							<input type="checkbox" data-am-ucheck value=""> 我同意<a class="publish">《注册协议》</a>条款
						</label>
					</div>
				</div>
			</form>
		</div>
	</div>
	<div class="am-margin-xl">
		<button type="button" class="am-btn am-btn-danger am-round am-btn-block" id="submit">提交</button>
	</div>
	{php}$art1=db('article')->where(['catid'=>5,'status'=>1])->find();{/php}
		<script src="__CDN__/assets/index/js/jquery.min.js"></script>
		<script src="__CDN__/assets/index/js/amazeui.min.js"></script>
		<script src="__CDN__/assets/libs/layer/layer.js"></script>
		<script>
            $('.publish').click(function(){
                layer.alert('{$art1["content"]}',{title:'注册协议',area:['90%','90%']});
            });
			function time(wait){
				 if(wait == 0){
					  $("#goCode").removeClass('disabled').removeClass('sc-text').addClass('sc-text-red');
					  $("#goCode").val("{:__('发送验证码')}");
		           }else{
		        	   $("#goCode").val("{:__('重新发送')}" + wait + "s");
		               wait--;
		               setTimeout(function(){
		                   time(wait);
		               },1000);
		           }
		       }
            function getCode()
            {
                var that = this;
                var mobile=$('input[name=mobile]').val();
                if(mobile == '')
                {
                    layer.msg("{:__('请填写手机号')}");time(5);
                }else{
                    var html = [];
                    html.push('<table class="smsverfy"><tr>');
                    html.push('<td><input type="text" id="yzmcode" size="12" class="form-initial" maxLength="8">');
                    html.push('<img class="verifyimg" src="{:rtrim(\'__PUBLIC__\', \'/\')}/index.php?s=/captcha" title="刷新验证码" onclick="this.src = \'{:rtrim(\'__PUBLIC__\', \'/\')}/index.php?s=/captcha&r=\' + Math.random();"/>');
                    html.push('</td></tr></table>');
                    layer.open({
                        title:'请输入验证码',
                        type: 1,
                        area: ['80%', '150px'], //宽高
                        content: html.join(''),
                        btn: ['确定', '取消'],
                        success: function(index){
                        },
                        yes: function(index){
                            var verify = $('#yzmcode').val();
                            jQuery.post("{:url('api/user/sendMsg')}" ,{mobile:mobile,verify:verify},function(data) {
                                if(data.code>0)
                                {
                                    layer.msg(data.msg);
                                    time(30);
                                    layer.close(index);
                                }else{
                                    layer.msg(data.msg);
                                    time(5);
                                }
                            });
                        },
                        cancel:function(index){
                            layer.close(index);
                        }
                    });
                }
            }
            var flag=0;
			//提交
		 $('#submit').click(function(){
        layer.open({
            type: 1
            ,title: false //不显示标题栏
            ,closeBtn: false
            ,area: ['90%','90%']
            ,shade: 0.8
            ,id: 'LAY_layuipro' //设定一个id，防止重复弹出
            ,btn: ['已阅读', '取消']
            ,btnAlign: 'c'
            ,moveType: 1 //拖拽模式，0或者1
            ,content: '<div style="padding:  10px; line-height: 22px; background-color: #393D49; color: #fff; font-weight: 300;">{$art1["content"]}</div>'
            ,yes: function(){
                layer.close(layer.index);
                    parent.$('input[type=checkbox]').prop('checked',true);
                    var formData = new FormData($('#form1')[0]);
                    $.ajax({
                        type: "POST",
                        url: "{:url('api/user/register')}",
                        data: formData,
                        contentType: false,
                        processData: false,
                        success: function (data) {
                            if (data.code > 0) {
                                layer.msg(data.msg, {time: 1000}, function () {
                                    location = 'login.html';
                                });
                            } else {
                                layer.msg(data.msg);
                            }
                        },
                        error: function (XMLHttpRequest, textStatus, errorThrown) {
                            layer.msg("{:__('网络错误,请稍后重试')}");
                        }
                    });

             }
        });
    })
			
		</script>
	</body>
</html>