jQuery: Find all the visible required fields

Question

I am trying to find all the fields with required attribute and they should be visible too. Because page can have hidden required fields too. Here is what I tried:

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

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

Answer 1

If you want to find input, textarea,or select elements that have the attribute required and are visible use the has attribute selector:

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

or

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