JQuery: найти все видимые обязательные поля

Я пытаюсь найти все поля с атрибутом required, и они также должны быть visible. Потому что страница также может содержать скрытые поля. Вот что я пробовал:

function validateRequiredFields()
{
    $('input,textarea,select').attr('required',true).filter(':visible:first').each(function(i, requiredField){

        if($(requiredField).val()=='')
        {
            alert($(requiredField).attr('name'));
        }
    });
}

Ответы

Ответ 1

Если вы хотите найти элементы ввода, textarea или select, у которых есть атрибут required и visible, используйте селектор атрибутов:

$('input,textarea,select').filter('[required]:visible')

или

$(':input[required]:visible')//might be little costlier