odd_job/app/worker/view/login/login.html

<div class="layadmin-user-login layadmin-user-display-show" id="LAY-login-login" style="display: none;">
	<div class="layadmin-user-login-main">
		<div class="layadmin-user-login-box layadmin-user-login-header">
			<h2>蓝领招聘 - 劳务公司</h2>
			<p>蓝领招聘管理一站式解决方案</p>
		</div>
		<div class="layadmin-user-login-box layadmin-user-login-body layui-form">
			<div class="layui-form-item">
				<label class="layadmin-user-login-icon layui-icon layui-icon-username" for="mobile"></label>
				<input type="text" name="mobile" id="mobile" lay-verify="required" placeholder="手机号" class="layui-input">
			</div>
			<div class="layui-form-item">
				<label class="layadmin-user-login-icon layui-icon layui-icon-password" for="sendOutCode"></label>
				<input type="text" id="yzm" name="yzm"  lay-verify="required" class="layui-input" placeholder="请输入动态码">
				<input type="button" id="sendOutCode" onclick="sendOutCode()" value="获取动态码" lay-verify="required" placeholder="请输入动态码" class="layui-input">
			</div>
			<div class="layui-form-item">
				<button class="layui-btn layui-btn-fluid" lay-submit lay-filter="LAY-login-login-submit">登 入</button>
			</div>
		</div>
	</div>

	<div class="layui-trans layadmin-user-login-footer">
		<p>© 2019 - 2020 <a href="{$domain}" target="_blank">{$_SERVER['HTTP_HOST']}</a></p>
		<p> &nbsp; </p>
	</div>
</div>
<style>
	#sendOutCode{
		border: 1px solid #FF5073;
		padding: 4px 7px;
		color: #FF6A88;
		font-weight: bold;
		float: right;
		margin: 4px;
		border-radius: 4px;
		webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		width:30%;
		background:#fff;
	}
</style>
<script type="text/javascript" src="/static/jscss/jquery-3.4.1.min.js"></script>
<script src="https://static.geetest.com/static/tools/gt.js"></script>
<script type="text/javascript">

	//发送验证码
	function sendOutCode(){
		var mobile = $("#mobile").val();
		//验证手机号格式是否正确
		if(mobile.search(/^1(3|4|5|7|8)\d{9}$/) == -1){
			$("#mobile").trigger("focus");
			layer.msg("请输入正确的手机格式");
			return false;
		}

		//验证手机号是否已经注册
		$.ajax({
			type: "post",
			url:"{:url('/login/yz_mobile')}",
			data: {"mobile":mobile},
			dataType: "json",
			success: function(data){
				if(data.code == 1){
					layer.msg(data.msg);
					return false;
				}else{
					//发送验证码
					$.ajax({
						type: "POST",
						url:"{:url('/login/yzm')}",
						data: {"mobile":mobile},
						dataType:"json",
						success: function(data){
							if(data.code == 0){
								layer.msg("发送成功");
								time();
							}else{
								layer.msg(data.message);
								return false;
							}
						}
					});
				}
			}
		});
	}
	var wait=120;
	function time() {
		if (wait == 0) {
			$("#sendOutCode").removeAttr("disabled");
			$("#sendOutCode").css("border", "1px solid #FF5073");
			$("#sendOutCode").css("color", "#ff6a88");
			$("#sendOutCode").val("获取验证码");
			wait = 120;
		} else {
			$("#sendOutCode").attr("disabled", 'disabled');
			$("#sendOutCode").css("border", "1px solid #ccc");
			$("#sendOutCode").css("color", "#ccc");
			$("#sendOutCode").val(wait+"s后重新发送");
			wait--;
			setTimeout(function() {
						time()
					},
					1000)
		}
	}

	layui.config({
		base: '/static/echoui/'
	}).extend({
		index: 'lib/index'
	}).use(['index', 'user'], function() {
		var $ = layui.$,
				setter = layui.setter,
				admin = layui.admin,
				form = layui.form,
				router = layui.router(),
				search = router.search;
		form.render();

		form.on('submit(LAY-login-login-submit)', function(obj) {
			admin.req({
				url: setter.baseWorkerUrl + 'login/yzm_verify',
				data: obj.field,
				dataType:"json",
				done: function(res) {
					if (res.code == 0) {
						location.href = setter.baseWorkerUrl + 'home';
					} else {
						layer.msg(res.message, { icon: 5 });
					}
				}
			});

		});
	});
</script>