layui 自定义验证单选框必填

对于输入框类型必填验证，只需要在 input 输入框加入 lay-verify = "required" 即可。但对于单选按钮这种特殊的该怎么办呢？layui 为我们提供了自定义验证。

1. 在单选按钮上添加自定义验证的名称

2. 验证规则如下

// 单选框自定义验证form.verify({radioVerify: function(value, item){ //value：表单的值、item：表单的DOM对象var $ = layui.$;var verifyName = $(item).attr('name'),verifyType = $(item).attr('type'),formElem = $(item).parents('.layui-form')   //获取当前所在的form元素，如果存在的话,verifyElem = formElem.find("input[name='"+verifyName+"']")//获取需要校验的元素,isTrue = verifyElem.is(':checked')//是否命中校验,focusElem = verifyElem.next().find('i.layui-icon');//焦点元素if(!isTrue || !value){//定位焦点focusElem.css(verifyType=='radio'?{"color":"#FF5722"}:{"border-color":"#FF5722"});//对非输入框设置焦点focusElem.first().attr("tabIndex", "1").css("outline", "0").blur(function() {focusElem.css(verifyType=='radio'?{"color":""}:{"border-color":""});}).focus();return '必填项不能为空';}