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 '必填项不能为空';
   }