layui的表单验证，怎么通过手动触发

发布网友 发布时间：2022-04-22 12:42

我来回答

共3个回答

热心网友 时间：2023-11-04 23:54

找到form.js文件，给form拓展方法
参数是你表单所在容器id
返回结果是是否通过验证
u.prototype.doVerify=function(z){
var e = null,
a = f.config.verify,
s = "layui-form-danger",
c = t("#"+z),
d = c.find("*[lay-verify]");
layui.each(d, function (l, r) {
var o = t(this),
c = o.attr("lay-verify").split("|"),
u = o.attr("lay-verType"),
d = o.val();
if (o.removeClass(s), layui.each(c, function (t, l) {
var c, f = "", v = "function" == typeof a[l];
if (a[l]) {
var c = v ? f = a[l](d, r) : !a[l][0].test(d);
if (f = f || a[l][1], "required" === l && (f = o.attr("lay-reqText") || f), c) return "tips" === u ? i.tips(f, function () {
return "string" == typeof o.attr("lay-ignore") || "select" !== r.tagName.toLowerCase() && !/^checkbox|radio$/.test(r.type) ? o : o.next()
}(), {tips: 1}) : "alert" === u ? i.alert(f, {title: "提示", shadeClose: !0}) : i.msg(f, {
icon: 5,
shift: 6
}), n.android || n.ios || setTimeout(function () {
r.focus()
}, 7), o.addClass(s), e = !0
}
}), e) return e
});
return !e;
}
使用：
layui.form.doVerify(id);

热心网友 时间：2023-11-04 23:54

用$.ajax，如果是手动按钮触发的话，就在按钮的click事件中调用ajax，把$("#formId").其他参数传递出去即可。

热心网友 时间：2023-11-04 23:55

layui的验证是验证绑定事件中的filter，例如 form.on('submit(filter)'), 你也可以用click(filter)触发， 所以你只需要先绑定验证事件，然后js触发即可