参考链接
https://blog.csdn.net/ak47147258369/article/details/101984735
https://blog.csdn.net/runjieli/article/details/107756696
<div class="layui-form-item">
<label class="layui-form-label">性别:</label>
<div class="layui-input-block" id="sex">
<input type="radio" name="Sex" value="man" title="男" lay-verify="radioReq">
<input type="radio" name="Sex" value="woman" title="女" lay-verify="radioReq">
</div>
</div>
js
<script type="text/javascript">
layui.use('form', function () {
var form = layui.form;
// 表单校验
form.verify({
radioReq: function (value, item) {
var verifyName = $(item).attr('name'),
verifyType = $(item).attr('type'),
formElem = $(item).parents('.layui-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 '必填项不能为空';
}
}
});
//监听提交
form.on('submit(register)', function (data) {
layer.msg(JSON.stringify(data.field)); // 弹出表单数据字段
console.log(data.field)
});
});
</script>