3 Star 0 Fork 0

许广宇/移动端

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
regist119.html 7.14 KB
一键复制 编辑 原始数据 按行查看 历史
cnsdhzzl 提交于 2019-03-25 19:20 . 全局修改系统名称
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>华北空管局培训中心教学管理系统</title>
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./static/css/font.css">
<link rel="stylesheet" href="lib/layui/css/layui.css" />
<link rel="stylesheet" href="./static/css/weadmin.css">
<link rel="stylesheet" href="static/css/regist.css" />
</head>
<body>
<div class="regist-container" style="">
<h2 class="zc-title"><i class="layui-icon zc-icon">&#xe613;</i> 华北空管局培训中心教学管理系统注册</h2>
<div id="darkbannerwrap"></div>
<div class="form-wrapper">
<form class="layui-form" action="">
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>账号</label>
<div class="layui-input-inline">
<input type="text" name="account" autocomplete="off" lay-verify="|account" placeholder="请输入账号" class="layui-input zc-account">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>姓名</label>
<div class="layui-input-inline">
<input type="text" name="username" lay-verify="required" placeholder="请输入姓名" autocomplete="off" class="layui-input zc-username">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>性别</label>
<div class="layui-input-block">
<input type="radio" name="sex" value="男" title="男" class="zc-xbxz">
<input type="radio" name="sex" value="女" title="女" checked class="zc-xbxz">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>出生年月</label>
<div class="layui-input-inline">
<input type="text" name="birthday" autocomplete="off" placeholder="请选择出生日期" class="layui-input birthday" id="birthday">
</div>
</div>
<!--测试出生日期开始-->
<div class="layui-inline">
<label class="layui-form-label">限定可选日期</label>
<div class="layui-input-inline">
<input type="text" class="layui-input" id="test-limit1" placeholder="yyyy-MM-dd">
</div>
</div>
<!--测试出生日期结束-->
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>毕业院校</label>
<div class="layui-input-inline">
<input type="text" name="school" autocomplete="off" required placeholder="请输入毕业院校" class="layui-input zc-school">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>身份证号</label>
<div class="layui-input-inline">
<input type="text" name="idCard" autocomplete="off" required placeholder="请输入身份证号码" class="layui-input zcsfz">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>联系方式</label>
<div class="layui-input-inline">
<input type="text" name="phone" autocomplete="off" placeholder="请输入手机号码" class="layui-input zc-phone">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>选择班级</label>
<div class="layui-input-inline">
<select name="kecheng" lay-verify="required" class="" id="banji">
<option value="">请选择班级</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>选择课程</label>
<div class="layui-input-inline">
<select name="kecheng" lay-verify="required" class="kecheng">
<option value="">请选择课程</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>选择科目</label>
<div class="layui-input-inline">
<select name="kemu" lay-verify="required" class="kemu">
<option value="">请选择科目</option>
</select>
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>密码</label>
<div class="layui-input-inline">
<input type="password" name="password" autocomplete="off" lay-verify="required" placeholder="请再次输入密码" class="layui-input zc-password">
</div>
</div>
<div class="layui-form-item">
<label class="layui-form-label"><span class="require-icon">*</span>确认密码</label>
<div class="layui-input-inline">
<input type="password" name="password" autocomplete="off" lay-verify="required" placeholder="请再次输入密码" class="layui-input confirm-password">
</div>
</div>
<!--新增-->
<div class="layui-form-item">
<div class="layui-input-block">
<button class="layui-btn" lay-submit lay-filter="formDemo" id="zc-regist">立即注册</button>
<button type="reset" class="layui-btn layui-btn-primary">重置</button>
</div>
</div>
</form>
</div>
</div>
<script src="static/js/jquery.1.11.1.js"></script>
<script src="static/js/public.js"></script>
<script src="lib/layui/layui.js"></script>
<script src="static/js/regist.js"></script>
<script>
layui.use(['form', 'laydate'], function() {
var form = layui.form;
var laydate = layui.laydate;
var max=new Date().getYear();
laydate.render({
elem: '#birthday'
});
// 限定日期的选择开始
var ins22 = laydate.render({
elem: '#test-limit1',
min: '2000-10-14',
// max: '2080-10-14',
max: max,
ready: function() {
ins22.hint('日期可选值设定在 <br> 2000-10-14 到 2080-10-14');
}
});
//限定日期的选择结束
//监听提交
form.on('submit(formDemo)', function(data) {
layer.msg(JSON.stringify(data.field));
return false;
});
form.verify({
account: function(value, item) { //value:表单的值、item:表单的DOM对象
if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)) {
return '用户名不能有特殊字符';
}
if(/(^\_)|(\__)|(\_+$)/.test(value)) {
return '用户名首尾不能出现下划线\'_\'';
}
if(/^\d+\d+\d$/.test(value)) {
return '用户名不能全为数字';
}
},
//我们既支持上述函数式的方式,也支持下述数组的形式
//数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
pass: [
/^[\S]{6,12}$/, '密码必须6到12位,且不能出现空格'
]
});
});
</script>
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/xuguangyuaaa/mobile_terminal.git
git@gitee.com:xuguangyuaaa/mobile_terminal.git
xuguangyuaaa
mobile_terminal
移动端
master

搜索帮助