jQuery：找到所有可见的必填字段

Question

我正在尝试查找具有required属性的所有字段，它们也应该是visible。因为页面也可以隐藏必填字段。这是我试过的：

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

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

Answer 1

如果要查找输入，文本区域或选择具有属性required并且visible的元素，请使用has attribute selector：

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

或

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