利用layer实现表单完美验证的方法
如下所示:
//基于layer框架之上,验证表单时引用。弹出提示错误
functionqxMsg(msgStr){
layer.open({
type:1,
title:'提示消息',
offset:'10%;',
content:''+msgStr+' 上边是封装好的layer方法,下边是结合表单开始验证
//表单验证
functioncheckForm(){
varerr="";
if(!$('input[name="ggName"]').val()){
err+="
名称不能为空";
}
if(!$('input[name="isId"]').val()){
err+="
空间分类不能为空";
}
if(err){
err=err.substring(5);
qxMsg(err);
return0;
}
return1;
}
在ajax提交表单之前调checkForm方法即可,如:
//提交新增数据
functionaddGgBaseModel(){
varflag=checkForm();
if(flag==0)return;
varformData=newFormData(document.getElementById("myform"));
formData.append("SysType","10101");
formData.append("SysName","qxPC");
formData.append("ModuleName","规格型号");
$.ajax({
type:'post',
url:_URL_BASE+'/ggBaseModel/addGgBaseModel',
data:formData,
cache:false,
contentType:false,
processData:false,
dataType:'json',
success:function(retData){
console.log(retData);
if(retData.ReturnType=="1001"){
qxMsg("添加成功");
$(".layui-layer-btn0").click(function(){
$('.modal-backdrop').remove();
$("#myModal").hide();
getGgBaseModel();
})
}elseif(retData.ReturnType=="4004"){
kickout();
}else{
qxMsg(retData.Message);
}
},
error:function(retData){
qxMsg("提交数据出错");
}
});
};
以上这篇利用layer实现表单完美验证的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持毛票票。