Question

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

$('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();   
});

任何人都可以帮助我

Answer 1

这里所需要的只是

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

和重新验证的代码

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

仅过滤可见的单选按钮

1 个答案: