简单验证复选框,单选框必填:
<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>