JQuery val () только true, когда введено 2 символа

Question

это мое поле ввода <input type="number" id="warenAnzahl" class="lSInputs warenForm" name="warenanzahl" placeholder="Anzahl">

, и я пытаюсь выяснить, имеет ли это поле ввода значение. Поэтому я делаю

$(document).on('keypress', function(e) {

    if($('#warenAnzahl').val()) {

        console.log("works")
    }
});

И это работает, когда я ввожу хотя бы два числа. Но он по-прежнему возвращает false, если значение составляет 1 символ.

Кто-нибудь может мне помочь?

Answer 1

Я думаю, что ваша проблема в том, что вы используете неправильный идентификатор, вы пытаетесь получить val() ввода, который имеет идентификатор warenInput, однако в вашем примере идентификатор вашего ввода warenAnzahl.

Я надеюсь, что это поможет вам решить вашу проблему:

// Check Value by input event
$('#warenAnzahl').on('input', function() {
  console.log('Input value was changed');
  if ($(this).val()) {
    console.log('Value is not empty :', $(this).val());
  } else {
    console.log('Value is empty');
  }
});

// Check Value anywhere
$('#checkVal').click(function() {
  console.log('Check Value');
  let value = $('#warenAnzahl').val();
  if (value) {
    console.log('Value is not empty :', value);
  } else {
    console.log('Value is empty');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<input type="number" id="warenAnzahl" class="lSInputs warenForm" name="warenanzahl" placeholder="Anzahl">
<button id="checkVal">Check Value</button>

Answer 2

Вы проверяете неправильный идентификатор, запрашиваете warenInput, но это warenAnzahl. Кроме того, вы должны проверять наличие события изменения, а не простого «if», поскольку условие if проверяется только один раз при загрузке страницы. Просто введите номер и нажмите ввод.

$('#warenAnzahl').on('change', function(){
   console.log("works")
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="number" id="warenAnzahl" class="lSInputs warenForm" name="warenanzahl" placeholder="Anzahl">