Come verificare se una casella di testo specifica nell'ambito di un div specifico è vuoto

Question

ho questo codice:

<PlaceHolder> 
<div class="greenDiv"> 
    <asp:TextBox ID="a" runat="server" /> 
</div> 
<div class="greenDiv"> 
    <asp:TextBox ID="ab" runat="server" /> 
</div> 
</PlaceHolder> 

ho bisogno per permettere all'utente di sapere se ha lasciato una casella di testo vuota, ho provato qualcosa di simile .. (non funziona) Cosa mi è mancato?

$('.greenDiv > input:text').blur(function() { 
    if (!$(this).val()) { 
    alert("fill this field"); 
    } 
}); 

Answer 1

Prova utilizzando input[type=text] invece

$('.greenDiv>input[type=text]').blur(function() { 
    if (!$.trim($(this).val())) { 
     alert("fill this field"); 
    } 
}); 

Answer 2

Invece di input:text si dovrebbe usare input[type=text]

Answer 3

$('.greenDiv > input[type=text]').on('blur', function (e) { 
    if (!$(e.currentTarget).val()) alert('fill this field'); 
}); 

Answer 4

Prova questa

<PlaceHolder> 
<div class="greenDiv"> 
    <asp:TextBox ID="a" class="x" runat="server" /> 
</div> 
<div class="greenDiv"> 
    <asp:TextBox ID="ab" class="x" runat="server" /> 
</div> 
</PlaceHolder> 

sotto è Jquery

$('.greenDiv .x').blur(function() { 
       if (!$(this).val()) { 
        alert("fill this field"); 
       } 
      }); 

Answer 5

Prova questo:

$('.greenDiv > input:text').blur(function() { 
    if ($.trim($(this).val()) === '') { 
     alert("fill this field"); 
    } 
}); 

vostro selettore è bene. Quando si utilizza !$(this).val(), si consente agli input di contenere spazi (o qualsiasi altro carattere invisibile). Un input con un singolo spazio non è tecnicamente vuoto. Prova invece a $.trim(something) === ''.