背景:
1.layui在select选择后可以通过layui.event.call触发form.on('select(##)',function...)事件
2.layui的select被渲染后会变成layui-select-title input的一个输入框
3.layui的验证是使用layer.tips(msg,dom,...)函数完成的
4.layui的tips中第二个参数是需要tips的dom
5.layui验证异常是需要class:blur-danger
解决方法:
通过select触发事件找到渲染的input元素,在这个元素上进行绑定验证,为了使用form.verify中的数据,也可以自己手动触发,返回结果,然后验证。
部分代码,没有整合form.verify:
form.on('select(dom)',function(data){
var r = data.othis.find('.layui-select-title input'),o = "blur-danger";
if (data.value) {
r.removeClass(o);
return ;
}
r.addClass(o);
layer.tips('message', function() {
return r;
}(), {
tips: 1
});
});
本文介绍如何在layui的select组件中实现自定义验证,通过监听select事件,找到渲染后的input元素,绑定验证规则,利用layer.tips显示错误信息,确保数据输入正确。
3367

被折叠的 条评论
为什么被折叠?



