139 lines
4.6 KiB
HTML
139 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>艺术家注册</title>
|
|
<link rel="stylesheet" href="../../css/layui.css">
|
|
<link rel="stylesheet" href="../../css/logshoppingcar/artist.css">
|
|
<link rel="stylesheet" href="../../css/logshoppingcar/logRespon.css">
|
|
<link rel="stylesheet" type="text/css" href="../../css/foot.min.css" />
|
|
<script src="../../js/jquery-1.9.1.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="../../js/huaxia.js" type="text/javascript" charset="utf-8"></script>
|
|
</head>
|
|
<style>
|
|
.foot-iframe {
|
|
margin-top: -30px;
|
|
color: rgb(255, 255, 255);
|
|
}
|
|
</style>
|
|
<script>
|
|
$(function () {
|
|
let reg_tel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
|
|
$('#phone').click(function () {
|
|
let name = $('input[name="username"]').val();
|
|
let phone = $('input[name="userphone"]').val();
|
|
let content = $('input[name="usercontent"]').val();
|
|
if (!name) {
|
|
layer.msg('请输入联系人')
|
|
} else if (!reg_tel.test(phone)) {
|
|
console.log('请输入正确的联系电话');
|
|
} else if (!content) {
|
|
console.log('请输入联系说明');
|
|
} else {
|
|
console.log('提交成功');
|
|
}
|
|
})
|
|
})
|
|
</script>
|
|
|
|
<body>
|
|
<header>
|
|
<!-- 背景图 -->
|
|
<div class="bac"></div>
|
|
<!-- 输入框 -->
|
|
<form class="layui-form" action="" method="post">
|
|
<div class="container">
|
|
<div class="head">
|
|
<h2>会员注册</h2>
|
|
<p>请选择您的会员身份进行注册</p>
|
|
<div class="gang"></div>
|
|
</div>
|
|
<!-- 身份 -->
|
|
<div class="identity">
|
|
<ul>
|
|
<li><a href="reg.html" class="set_1_btn Vbtn-2 member">个人会员</a>
|
|
<a href="mecha.html" class="set_1_btn Vbtn-2 member">机构会员</a>
|
|
<a href="#" class="set_1_btn Vbtn-2 member">艺术家会员</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<!-- 用户名 -->
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<input type="text" name="title" required lay-verify="required" placeholder="用户名/登录名"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<!-- 设置密码 -->
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<input type="password" name="password" required lay-verify="required" placeholder="设置密码"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<!-- 姓名 -->
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<input type="text" name="title" required lay-verify="required" placeholder="姓名"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<!-- 手机号 -->
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<input type="tel" name="phone" id="phone" required lay-verify="required" placeholder="手机号"
|
|
maxlength="11" autocomplete="off" class="layui-input" value="">
|
|
</div>
|
|
</div>
|
|
<!-- 验证i码 -->
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block codes">
|
|
<input type="text" name="title" required lay-verify="required" placeholder="验证码"
|
|
autocomplete="off" class="layui-input verity">
|
|
<li>
|
|
<p>发送手机验证码</p>
|
|
</li>
|
|
</div>
|
|
</div>
|
|
<!-- 邮箱 -->
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<input type="email" name="email" required lay-verify="required" placeholder="邮箱" maxlength="50"
|
|
autocomplete="off" class="layui-input">
|
|
</div>
|
|
</div>
|
|
<!-- 同意 -->
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<div class="checkb">
|
|
<input type="checkbox" title=""> 我已阅读并接受<a href="#">用户协议</a>和<a
|
|
href="#">隐私政策</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- 登录 -->
|
|
<div class="layui-form-item">
|
|
<div class="layui-input-block">
|
|
<button class="layui-btn" lay-submit lay-filter="formDemo">立即登陆</button>
|
|
</div>
|
|
</div>
|
|
<div class="bot">
|
|
<!-- <a href="" class="font-set">忘记密码?</a> <a href="" class="font-set">没有账号，立即注册新用户</a> -->
|
|
<a href="./login.html" class="font-set">已有账号，立即登录</a>
|
|
</div>
|
|
|
|
</div>
|
|
</form>
|
|
</header>
|
|
<!-- 底部导航 -->
|
|
<iframe src="../../public/foot-tab.html" class="foot-iframe" frameborder="0" scrolling="no"
|
|
marginwidth='0'></iframe>
|
|
<!-- 回到顶部 -->
|
|
<img id="gotoTop" onclick="pageScroll()" src="../../img/public/backTop.png" alt="图片丢失" title="回到顶部">
|
|
|
|
</body>
|
|
|
|
</html> |