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; } }
关注“qietuwang”微信公众号,获取一手干货内容推送
本文由切图网原创,转载请保留版权:
微信扫一扫二维码访问