当表单中添加了layui内置的表单验证规则后,需要submit提交表单才生效,但是弹出层中的表单一点击submit提交按钮后弹出层会立即关闭,这样就看不到成功或者错误的提示信息了。
layui内置的校验规则 lay-verify="required|phone|number"
required(必填项)
phone(手机号)
email(邮箱)
url(网址)
number(数字)
date(日期)
identity(身份证)
自定义值
我使用的解决办法是在监听提交中添加return false;阻止表单提交事件。
var addform; //存储弹出层用于等会关闭它
$("#addqrcodebtn").on('click', function () {
addform = layer.open({
type: 1,
title: '新增二维码',
content: $('#addqrcodeform'),
area: ['500px', '350px']
});
})
//监听提交
form.on("submit(addSubmit)", function (data) {
apiPost('/IRS_Requirements/AddNoteBookOutBarCode', data.field, function (res) {
if (res.Code != 1) {
//弹出错误提示
layer.msg(res.Message, {
icon: 5
})
} else {
//弹出成功提示
layer.msg(res.Message, {
icon: 1,
time: 1000
}, function () {
layer.close(addform);成功提示弹出1秒后关闭变量addform的弹出层
})
}
})
return false; //在监听提交中添加return false;阻止表单提交事件
});