提交表單通過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;
}