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;
}
}

标签:, , , , , ,

微信扫一扫二维码访问