layui 单选框、多选框元素判断是必填项lay-verify=“required“ =＞ lay-verify=“otherReq“

简单验证复选框，单选框必填：

 

<div class=" orders_edit layui-container" id="ordersEdit">
    <div class="layui-card-body">
        <form class="layui-form layui-form-pane" action="" lay-filter="zorder_edit">
            <div class="layui-form-item">
                <label class="layui-form-label" style="width: 150px"><span style="color: #F00">* </span>抵扣方式</label>
                <div class="layui-input-block">
                    <input type="radio" name="changeMethod" value="1" title="抵扣" lay-verify="otherReq">
                    <input type="radio" name="changeMethod" value="2" title="退还剩余价值" lay-verify="otherReq">
                    <input type="radio" name="changeMethod" value="3" title="折成升级后产品服务期" lay-verify="otherReq">
                </div>
            </div>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="ordersForm">立即提交</button>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use(['table', 'form', 'layer', 'laydate', 'jquery'], function () {
        var form = layui.form,
            table   = layui.table,
            layer   = layui.layer,
            laydate = layui.laydate,
            $       = layui.jquery;

        //自定义验证规则
        form.verify({
            otherReq: function(value,item){
                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 '必填项不能为空';
                }
            }
        });
    });
</script>