layer表单验证 select多选验证自定义方法

2022年1月11日

layer表单验证 select多选验证自定义方法

layui是个不错的前端框架，在平常的切图项目中经常用到，select默认没有多选方式，所以多选基于插件实现，但是导致了无法实现必填验证，于是通过代码实现了和原生验证效果一模一样的效果（错误表单边框变红，提示抖动），其实这些在layui弹窗的配置中都可以找到，实现效果如下：



//表单提交
form.on('submit(formSave)', function(data){

//参评状态 已参评，需要多验证几项
if(data.field.cpzt==1){
//参评赛段验证
if(data.field.cpsd==null){
layer.msg('必填项不能为空', {icon: 5,anim: 6});
$('select[name=cpsd]').addClass('layui-form-danger');
return false;
}
if(data.field.cpsd2==null){
layer.msg('必填项不能为空', {icon: 5,anim: 6});
$('select[name=cpsd2]').addClass('layui-form-danger');
return false;
}
}