Как проверить, если определенное текстовое поле под конкретный DIV пуст

Question

У меня есть этот код:

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

Мне нужно, чтобы пользователь мог знать, если он оставил Textbox пустым, я пытался что-то вроде этого .. (не работает) Что я пропустил?

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

Answer 1

Попробуйте использовать input[type=text] вместо

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

Answer 2

Вместо input:text вы должны использовать input[type=text]

Answer 3

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

Answer 4

Попробуйте

<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> 

ниже Jquery

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

Answer 5

Попробуйте это:

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

Ваш селектор в порядке. Когда вы используете !$(this).val(), вы разрешаете входы с пробелами (или любым другим невидимым персонажем) проваливаться. Ввод с одним пространством технически не пуст. Вместо этого попробуйте $.trim(something) === ''.