Layui校验规则
Layui校验规则
1. 弹框中的规则验证书写:
如果想要使⽤弹窗层⾃带的确认取消按钮，去提交form表单内容，需利⽤layui form表单属性lay-submit，进⾏如下步骤:
1. 在每⼀个form表单中标签之前, 添加⼀个隐藏的按钮，type="button"这个type属性必须书写，否则会默认按照layui form表单进⾏
广州跑酷训练
submit提交，
<button type="button" class="authorityAddOrUpdateBtn" lay-submit ></button>
class 属性值全局唯⼀, 包含 lay-submit display:none
2. 在弹框页⾯
layer.open({
yes: function (index, div) {
var form = layui.form;
var submited = $(".authorityAddOrUpdateBtn"); // 找到刚才的按钮
submited.click(); // 触发隐藏按钮的点击事件
var form = layui.form;
<("submit(addOrUpdate)",function(data) {
// addOrUpdate(); // 验证通过，进⾏你想要做的什么事情，⽅法的书写
})
}
加盟英语培训学校}
3. ⾃定义验证可以在全局js⽂件⾥写
/
/ 表单验证
大耳朵英语在线翻译layui.u('form', function () {
冰河世纪4下载
var form = layui.form;
// 开始表单⾃定义验证
form.verify({
// 必填项
title: function(value){ //value：表单的值、item：表单的DOM对象
talent是什么意思if(value == ""){
return '必填项不能为空哈哈!';
}
}
});
});
弹出层校验时注意：
有时候会发⽣：当第⼀次进⼊弹窗时，填写完必填项，点击提交，会没有效果，再次点击，才提交数据，解决⽅案：
// 1.给⾃定义button 添加属性 disabled
<button type="button" disabled class="noticeAddOrUpdateBtna" lay-submit lay-filter="sysNoticeAddOrUpdate" >124</button>
// 2. 当弹出层加载时，默认点击⼀下弹出层⾃带的确定按钮，然后去掉button的disabled属性，就可以了。
$(document).ready(function () {
$(".layui-layer-btn0").click();
$(".noticeAddOrUpdateBtna").removeAttr("disabled");
});
2. ⾃定义按钮校验规则添写
牛津小学英语2a教案dhole有时候我们在验证表单时，会发现，验证的同时还会继续往下⾛⽅法或者发请求，这时候就得注意(“submit(filter)”,function() {})的使⽤了。
需要在⾃⼰写的button中，添加属性： lay-submit="" ，属性： lay-filter="save"，然后在button事件中，监听这个提交事件。
// 第⼀步在input框中添加属性 lay-verify="required"
视听说2答案<input type="text" lay-verify="required" >
// 第⼆步在⾃⼰的button中添加事件和两个属性
<button type="button" lay-submit="" lay-filter="save" onclick="reportSave">保存</button>
// 第三步处理button事件，同时监听规则验证，验证成功之后做其他处理
function reportSave() {
var form = layui.form;
菜谱英文翻译<("submit(save)",function(data) {
// 在这⾥写需要做的事情拼搏的英文
})
}
