jucai/public/themes/default/views/mobile/app/person/per_security_email.blade.php

@extends('mobile.module.layouts.content')

@push('meta')
	<meta name="csrf-token" content="{{ csrf_token() }}">
@endpush

@push('css')
	<link href="{{ theme_asset('mobile/css/company.css') }}" rel="stylesheet">
@endpush

@section('content')
	<div class="mui-content">
		@if(auth('web-member')->user()->email_audit)
			<div class="split-block-title font_blue">当前邮箱已认证，修改邮箱后您的登录邮箱将同步修改</div>
		@else
			<div class="split-block-title">邮箱认证后，您可以用邮箱登录和找回密码！</div>
		@endif
		<form action="post" id="logingForm">
			<div class="loging-input-group last">
				<div class="group-list email">
					<input id="email" name="email" type="text" class="l-input font14" placeholder="请输入您要绑定的邮箱账号" autocomplete="off" @if(!auth('web-member')->user()->email_audit) value="{{ auth('web-member')->user()->email }}" @endif>
				</div>
			</div>
			<div id="pop" style="display:none"></div>
		</form>
		<div class="split-block"></div>
		<div class="btn-spacing"><a id="loginBtn" href="javascript:;" class="qs-btn qs-btn-blue font18">发送验证邮箱</a></div>
	</div>
	<script id="emailWrap" type="text/html">
		<div class="emailWrap">
			<div class="top_txt">验证邮件已发送至 </div>
			<div class="email_info_box"></div>
			<div class="down_txt">请在24小时内登录邮箱激活验证邮件</div>
		</div>
	</script>
@endsection
@section('script')
	<script type="text/javascript">
		$('#loginBtn').on('click',function(){
			var email = $('#email').val();
			if (email == '') {
				qsToast({type:2,context: '请输入要绑定的邮箱账号！'});
				return false;
			}

			$.ajax({
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				type: "POST",
				url: "{{ route($sub_site.'person.emailAudit') }}",
				data: {
					email:email,
					id:"{{ auth('web-member')->user()->id }}"
				},
				dataType: "json",
				success: function(result){
					var popout = new QSpopout('邮箱验证');
					popout.setBtn(1);
					popout.show();
					var h = $($('#emailWrap').html());
					h.find('.email_info_box').html(email);
					popout.setContent(h);
				},
				error: function (errorData) {
					if (errorData.status==422) {//验证错误
						$.each(JSON.parse(errorData.response).errors,function (key,val) {
							qsToast({type:2,context: val[0]});
							return false;
						});
					}
					else if(errorData.status==400) {//业务错误
						qsToast({type:2,context: JSON.parse(errorData.response).message});
						return false;
					}
				},
			});
		});
	</script>
@endsection