100 lines
3.3 KiB
PHP
100 lines
3.3 KiB
PHP
@extends('layouts.app')
|
||
|
||
@section('footer','')
|
||
|
||
@section('content')
|
||
<section>
|
||
<!-- 登录 -->
|
||
<div class="register">
|
||
<div class="registerTitle">
|
||
<p>Hi，请输入下信息</p>
|
||
<span>如需更换手机号，则需在设置中修改</span>
|
||
</div>
|
||
<form action="" method="">
|
||
<div class="registerList">
|
||
<div class="registerList-name">
|
||
<i class="icon icon-phone"></i>手机号
|
||
</div>
|
||
<div class="registerList-tel">
|
||
<span>+86</span>
|
||
<input type="text" name="username" id="mobile" value="" placeholder="输入手机号" />
|
||
</div>
|
||
</div>
|
||
<div class="registerList">
|
||
<div class="registerList-name">
|
||
<i class="icon icon-key"></i>验证码
|
||
</div>
|
||
<div class="registerList-tel">
|
||
<input type="text" name="code" value="" placeholder="请输入验证码" />
|
||
<button type="button" class="getCode">获取验证码</button>
|
||
</div>
|
||
</div>
|
||
<div class="registerList">
|
||
<div class="registerList-name">
|
||
<i class="icon icon-lock"></i>设置密码
|
||
</div>
|
||
<div class="registerList-tel">
|
||
<input type="password" name="password" value="" placeholder="请设置密码" />
|
||
</div>
|
||
</div>
|
||
<div class="registerList">
|
||
<div class="registerList-name">
|
||
<i class="icon icon-lock"></i>确认密码
|
||
</div>
|
||
<div class="registerList-tel">
|
||
<input type="password" name="password_confirmation" value="" placeholder="请设置密码" />
|
||
</div>
|
||
</div>
|
||
<div class="registerBtn">
|
||
@csrf
|
||
|
||
<button type="button" class="ajax-post">立即注册</button>
|
||
{{-- <span><a href="#">立即登录</a><i class="icon icon-angle-right"></i></span> --}}
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</section>
|
||
@endsection
|
||
|
||
@section('script')
|
||
<script type="text/javascript">
|
||
$('.getCode').click(function(){
|
||
var mobile = $('#mobile').val();
|
||
console.log(mobile);
|
||
if (mobile=='') {
|
||
updateAlert('请输入手机号');
|
||
return false;
|
||
}
|
||
|
||
$.post("{{ route('auth.sms') }}", {username: mobile, channel: "BIND", '_token': '{{ csrf_token() }}'}, function(res) {
|
||
if (res.statusCode == 200) {
|
||
updateAlert(res.message);
|
||
settime($(this));
|
||
app.codeSend = true;
|
||
} else {
|
||
updateAlert(res.message);
|
||
}
|
||
});
|
||
});
|
||
|
||
var countdown = 60;
|
||
function settime(obj) {
|
||
console.log(obj);
|
||
if (countdown == 0) {
|
||
obj.removeAttr("disabled");
|
||
obj.html("获取验证码");
|
||
countdown = 60;
|
||
return;
|
||
} else {
|
||
obj.attr("disabled", true);
|
||
obj.html("重新发送(" + countdown + ")");
|
||
countdown--;
|
||
}
|
||
setTimeout(function() {
|
||
settime(obj)
|
||
}, 1000)
|
||
}
|
||
|
||
</script>
|
||
@endsection
|