提交表单通过ajax验证,点击提交按钮后对填写数据进行校验,验证数据库中是否存在该用户的学号,存在则不能提交表单,不存在则不能提交表单。
HTML代码
<div class="layui-form-item">
<label class="layui-form-label">
<span class="x-red">*</span>学号
</label>
<div class="layui-input-inline">
<input type="text" id="idCard" name="IdCard" lay-verify="required|number|IdCard" autocomplete="off" class="layui-input" placeholder="请输入学号">
</div>
</div>
JS 验证部分代码
form.verify({
//数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
/* IdCard: [
/^[\S]{10}$/
, '请输入正确的校园卡号!'
]*/
IdCard: function (value) {
value = $('#idCard').val();
if (value.length != 10) {
return '请输入正确的校园卡号!';
}
if (!verifyStudentIsExist()) {
return '信息已存在,是否进行修改!';
}
}
});
function verifyStudentIsExist() {
var studentid = $('#idCard').val();
var resCode;
$.ajax({
url: "/Students/IsExistStudentByIdCard",
type: 'POST',
dataType: 'text',
async: false,//必须是同步提交的
data:studentid ,
success: function (t) {
if (t.result == 0) {
console.log(t.result);
resCode = 0;//数据库中没有该用户数据!
}
else if (t.result!=0) {
console.log(t.result);
resCode=1;//数据库中有该用户数据!
}
},
error: function () {
alert("出错了!");
}
});
if (resCode == 0) {
return true;
}
return false;
}