更新 register.html
parent
3694a91c74
commit
1ed2e473e1
|
|
@ -27,7 +27,7 @@
|
|||
<div class="layui-input-prefix">
|
||||
<i class="layui-icon layui-icon-username"></i>
|
||||
</div>
|
||||
<input type="text" name="nickname" value="" lay-verify="required" placeholder="昵称"
|
||||
<input type="text" name="name" value="" lay-verify="required" placeholder="姓名"
|
||||
autocomplete="off" class="layui-input" lay-affix="clear">
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -36,8 +36,9 @@
|
|||
<div class="layui-input-prefix">
|
||||
<i class="layui-icon layui-icon-cellphone"></i>
|
||||
</div>
|
||||
<input type="text" name="cellphone" value="" lay-verify="required|phone" placeholder="手机号"
|
||||
lay-reqtext="请填写手机号" autocomplete="off" class="layui-input" id="reg-cellphone">
|
||||
<input type="text" name="number" value="" placeholder="学号X开头/工号G开头"
|
||||
lay-reqtext="请填写学号/工号" autocomplete="off" class="layui-input" id="reg-number"
|
||||
lay-verify="customRule">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item demo-reg-item">
|
||||
|
|
@ -58,15 +59,6 @@
|
|||
placeholder="确认密码" autocomplete="off" class="layui-input" lay-affix="eye">
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form">
|
||||
<div class="layui-form-item">
|
||||
<label class="layui-form-label">身份</label>
|
||||
<div class="layui-input-block">
|
||||
<input type="radio" name="identity" value="teacher" title="教师" checked>
|
||||
<input type="radio" name="identity" value="student" title="学生">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="layui-form-item">
|
||||
<button class="layui-btn layui-btn-fluid" type="submit" lay-submit lay-filter="btnRegister">注册</button>
|
||||
</div>
|
||||
|
|
@ -88,7 +80,23 @@
|
|||
if (value !== passwordValue) {
|
||||
return '两次密码输入不一致';
|
||||
}
|
||||
},
|
||||
customRule: function (value, item) {
|
||||
// 首先检查是否以X或G开头
|
||||
if (!value.startsWith('X') && !value.startsWith('G')) {
|
||||
return '学号必须以X开头,工号必须以G开头';
|
||||
}
|
||||
// 如果以X开头,检查长度是否为13位
|
||||
if (value.startsWith('X') && value.length !== 13) {
|
||||
return '学号长度必须为13位';
|
||||
}
|
||||
// 如果以G开头,检查长度是否为5位
|
||||
if (value.startsWith('G') && value.length !== 5) {
|
||||
return '工号长度必须为5位';
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
layui.use(['form', 'layer'], function () {
|
||||
|
|
@ -99,10 +107,9 @@
|
|||
form.on('submit(btnRegister)', function (data) {
|
||||
// 构建要提交的数据对象
|
||||
var postData = {
|
||||
nickname: data.field.nickname, // 昵称
|
||||
cellphone: data.field.cellphone, // 手机号
|
||||
name: data.field.name, // 昵称
|
||||
number: data.field.number, // 手机号
|
||||
password: data.field.password, // 密码
|
||||
identity: data.field.identity // 身份
|
||||
};
|
||||
|
||||
// 发送AJAX POST请求
|
||||
|
|
@ -141,3 +148,4 @@
|
|||
|
||||
</body>
|
||||
</html>
|
||||
xw
|
||||
Reference in New Issue