layUI 提交表单通过ajax进行数据验证，验证不通过则不能提交表单

 

提交表单通过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;}

 

layUI 提交表单通过ajax进行数据验证，验证不通过则不能提交表单

 

提交表单通过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;}