layui-form 如何个性化验证?

layui交流
1 816
漂流
漂流 举报
2019-08-21
有个这样的表单:


验证规则是这样的:
“预览图片”只需要 “图片1” 和 “图片2” 填写了地址即可;
“合并图片”必须 “图片1”、“图片2” 和 “合并地址” 三个文本框都填写了地址;
“撤销合并”只需要 “合并地址” 填写了地址即可

主要是想在点击按钮的时候,有红框显示警告,让用户知道是哪个文本框没填写。但是layui-form的验证规则是标注了required的一起验证和提示,没有分别验证的功能。
例:点击 “预览图片” 只验证 “图片1” 和 “图片2” 有没有填写,没填写就红框提示,填写了就可以提交, “合并地址” 没填写也不影响。


现在的代码是这样的:








test page









图片1





图片2





合并地址







预览图片
合并图片
撤销合并






layui.use('form', function () {
var form = layui.form;

form.on('submit(preview_pic)', function (data) {
layer.msg(JSON.stringify(data.field));
return false;
});

form.on('submit(merge_pic)', function (data) {
layer.msg(JSON.stringify(data.field));
return false;
});

form.on('submit(merge_pic_cancel)', function (data) {
layer.msg(JSON.stringify(data.field));
return false;
});

});



倒序看帖 只看楼主
回帖