jQuery 单选框和复选框的验证 onfocusout 错误消息

Question

据我所知，我尝试使用 'onfocusout'，但效果很好。正如网站上提到的，'onfocusout' 不适用于 Radio Group 或 Checkbox Group。所以我的问题是，我是否可以通过某种方式触发 change/blur 上的单选按钮和复选框的验证？这是 'onfocusout'

的示例代码

onfocusout: function(element) {
        if( $(element).attr('name') ) { 
            this.element(element);              
            app.BlurValidation(element);
            this.defaultShowErrors();
        }
}

我确实找到了类似的问题，但下面的解决方案在我这边没有显示结果。

$('#check').on('blur', function() {
    $("#myForm").validate().element( this );
});

Answer 1

Sparky 是对的，它适用于单选框和复选框。你应该再次检查你的代码。当我遇到同样的问题时，我学到的一件事是不要将 visibility: hidden; CSS 属性用于单选框或复选框，以防您尝试设置它们的样式，而是使用 opacity:0;

如果该字段具有 visibility: hidden; 的 CSS 属性，验证插件会将其视为隐藏字段，因此会在 onfocusout[=14= 时忽略它]

希望我的经验能对您的案例有所帮助

jQuery 单选框和复选框的验证 onfocusout 错误消息

jQuery Validation onfocusout error message for Radio & Checkbox

jquery

jquery-validate

radio-button