仅过滤可见的单选按钮答案

【问题标题】：filter only visible radio buttons仅过滤可见的单选按钮
【发布时间】：2013-10-16 14:20:40
【问题描述】：

我有一个包含很多隐藏和可见字段的表单。目前我正在尝试验证表格。我可以选择所有单选按钮并使用以下代码在提交时对其进行验证。

$('button').click(function(){
var requiredgroups = ['radio1','radio2'];
var returnVal = true;
$.each(requiredgroups, function(id, name){
    var $radios = $('input[name="' + name + '"]:radio');
    $radios.last().next('div.error').remove();
    if(!$radios.filter(':checked').length){
        returnVal = false;
        $radios.last().after('<div class="error">Please select to continue.</div>');
    }
    else{
        returnVal = true;
        $radios.last().next('div.error').remove();

    }
});
});

现在我有两个条件 - 1. 如何仅过滤掉表单上可见的单选按钮并显示错误消息。 2. 如果用户填写表格，当焦点从字段（文本框和单选）移动时，我需要删除该错误消息。对于文本框，我尝试这样做。但它不起作用。下面的代码用于验证所有必需的文本框

$('#submit_form .required').filter(':visible').each(function () {
    // Code for displaying he error message

});

从文本框中删除字段模糊的错误

$('#check1').blur(function(){
$.validateName();   
});

谁能帮我解决这个问题

【问题讨论】：

标签： javascript jquery css validation

【解决方案1】：

这里只需要

 $('#submit_form .required:visible').each(function () {
        // Code for displaying he error message
    });

以及重新验证的代码

$('#submit_form .required:visible').on("focusout", function(){
// Code for validdation
})

【讨论】：