本文主要是介绍layui的radio校验,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
form.verify({required_radio: function (value, item) {let itemName = $(item).attr('name') // 校验对象name, itemType = $(item).attr('type') // 校验对象类型, formElement = $(item).parents('.layui-form') // 获取校验参数的form表单, verifyElm = formElement.find("input[name="+ itemName +"]") // 校验对象同name的对象, isChecked = verifyElm.is(':checked') // 判断是否存在选择对象, focusElem = verifyElm.next().find('i.layui-icon')//焦点元素, itemDiv = $(item).parent().parent().prevObject[0];if (!isChecked){// 如果需要将单选框和文字都改变颜色,则将下方的focusElem改成 $(itemDiv)focusElem.css(itemType=='radio'?{"color":"#FF5722"}:{"border-color":"#FF5722"});//对非输入框设置焦点focusElem.first().attr("tabIndex","1").css("outline","0").blur(function() {focusElem.css(itemType=='radio'?{"color":""}:{"border-color":""});}).focus();let tip = item.getAttribute('lay-reqtext');if (!isEmpty(tip)){return tip;}return "必填项不得为空";}},});
这篇关于layui的radio校验的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!