Текст ввода исчезает при нажатии кнопки

Question

Я пытаюсь проверить поле ввода, но введенный текст исчезает при нажатии. Пожалуйста, помогите мне, в чем моя ошибка. благодаря

<input type="text" class="a" /> 

<button id="test">Continue</button> 

<div class="b">error msg </div> 

$('#test').on('click', function() { 
    if ($('.a').val('')) { 
     $('.b').show(); 
    } else { 
     $('.b').hide(); 
    } 
}); 

Answer 1

Поскольку вы устанавливаете значение опорожнить в if заявлении вместо того, чтобы получить его.

$('.a').val('') установит значение .a в пустую строку. Чтобы получить значение, используйте $('.a').val().

Изменение if ($('.a').val('')) { в if ($('.a').val() == '') {

Demo

$('#test').on('click', function() { 
 
    if ($('.a').val() == '') { 
 
    $('.b').show(); 
 
    } else { 
 
    $('.b').hide(); 
 
    } 
 
});

.a { 
 
    border: black solid 1px; 
 
} 
 
.b { 
 
    display: none; 
 
    color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script> 
 
<input type="text" class="a" /> 
 
<button id="test">Continue</button> 
 
<div class="b">error msg</div>

укороченная версия:

$('#test').on('click', function() { 
    $('.b').toggle(!(!!$('.a').val())); 
}); 

Demo

Answer 2

Если вы видите вывод $ ('. A') на консоли, вы обнаружите, что его массив. Таким образом, вы должны прочитать первый элемент и получить первое значение, как показано ниже

var test = $('.a')[0]; 
$(test).val() // this will be the value of textbox