Ersten sichtbaren Eingabetext mit leerem Wert mit Attribut erforderlich finden

Question

Ich möchte eine jQuery-Funktion für den ersten sichtbaren Eingabetext mit leerem Wert erstellen, der ein Attribut erfordert (ohne jede Funktion, falls machbar).

$("input[type='text'][value='']").eq(0).on(function(){  
    // code  
}); 

Answer 1

Verwenden filter() und :visible

$("input[type='text']:visible[required]").filter(function() { 
 
    return this.value.trim() == ''; 
 
}).eq(0).css('border', '1px solid red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<input type="text" style="display:none"> 
 
<input type="text"> 
 
<input type="text" required> 
 
<input type="text" required>

---

Wenn der Wert Attribut überprüfen müssen dann

$("input[type='text']:visible[required][value='']").eq(0).css('border', '1px solid red')

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 

 
<input type="text" style="display:none" value=''> 
 
<input type="text" value=''> 
 
<input type="text" value='' required> 
 
<input type="text" value='' required>