利用layer实现表单完美验证的方法
如下所示：
//基于layer框架之上，验证表单时引用。弹出提示错误
function qxMsg(msgStr) {
layer.open({
type: 1,
title: '提示消息',
offset: '10%;',
content: '<div style="padding: 20px 80px;">'+msgStr+'</div>',
btn: '关闭',
btnAlign: 'c',
shade: 0.2,
yes: function() {
layer.closeAll();
}
});
}
上边是封装好的layer方法，下边是结合表单开始验证
//表单验证
function checkForm() {
var err = "";
if(!$('input[name="ggName"]').val()) {
err += "<br/>名称不能为空";
}
if(!$('input[name="isId"]').val()) {
err += "<br/>空间分类不能为空";
}
if(err) {
err = err.substring(5);
qxMsg(err);
return 0;
}
return 1;
}
在ajax提交表单之前调checkForm方法即可，如：
//提交新增数据
function addGgBaseModel() {
var flag = checkForm();
if(flag == 0) return;
var formData = new FormData(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();
})
} else if(retData.ReturnType == "4004") {
kickout();
} else {
qxMsg(retData.Message);
}
},
error: function(retData) {
qxMsg("提交数据出错");
}
});
};
以上这篇利用layer实现表单完美验证的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持小牛知识库。
-
本文向大家介绍JavaScript表单验证完美代码，包括了JavaScript表单验证完美代码的使用技巧和注意事项，需要的朋友参考一下 用原生JS写一个简单的表单验证 首先，是html部分 接着，为其加上CSS样式 最后是JS部分 好了，打开浏览器测试一下吧 填写数据，可以！ 以上所述是小编给大家介绍的JavaScript表单验证完美代码，希望对大家有所帮助，如果大家有任何疑问请给我留言
-
本文向大家介绍validform表单验证的实现方法，包括了validform表单验证的实现方法的使用技巧和注意事项，需要的朋友参考一下 validform插件主要把所有的验证条件和验证提示信息绑定到每个表单元素，这种形式非常方便，下面写法更加智能得到label内容来提示 validform有什么用？ 网页上有大量的input需要你进行验证的时候，如果是弹窗的话，需要不停地判断，如果为空，弹窗。如果
-
路过的大佬，应该怎么校验？麻烦大家啦:
-
本文向大家介绍layui表单验证select下拉框实现验证的方法，包括了layui表单验证select下拉框实现验证的方法的使用技巧和注意事项，需要的朋友参考一下 layui 的form表单里的select 一开始以为加上lay-verify="required"就可以验证不空了,可是反复试了几次都不能验证 代码如下： 但是 怎么提交都是不能验证select为空 , 知道最后仔细看了手册 , 才发
-
本文向大家介绍Vue快速实现通用表单验证的方法，包括了Vue快速实现通用表单验证的方法的使用技巧和注意事项，需要的朋友参考一下 本文开篇第一句话，想引用鲁迅先生《祝福》里的一句话，那便是：“我真傻，真的，我单单知道后端整天都是CRUD，我没想到前端整天都是Form表单”。这句话要从哪里说起呢？大概要从最近半个月的“全栈工程师”说起。项目上需要做一个城市配载的功能，顾名思义，就是通过框选和拖拽的方式
-
本文向大家介绍Django实现表单验证，包括了Django实现表单验证的使用技巧和注意事项，需要的朋友参考一下 本文实例为大家分享了Django实现表单验证的具体代码，供大家参考，具体内容如下 models.py form.py view.py register.html 以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持呐喊教程。