Как отследить количество вводимых символов в поле?

Question

[Vladislav]

вот код

let fieldSearch = $('.header__field-search').val()
    if(fieldSearch.length == ''){
        console.log('меньше 1')
    }
    if(fieldSearch.length !== '') {
        console.log('больше 1')
    }

комбинация jquery и нативного js, надо чтобы когда в поле ввели 1 и более символа сработал скрипт один, а когда поле пусто, сработал другой, помогите пожалуйста, в чем ошибка, буду признателен)

Answer 1

[Роман Дворянов]

Вы сравниваете длину строки с пустым значением
Или так
fieldSearch == ''
или так
fieldSearch.length < 1

насколько я понял, вам нужно по событию ввода в поле вызывать скрипт, как-то так, где условие !fieldValue.length означает, что количество элементов в текущем значении поля равно нулю, их нет.

$('.header__field-search').on('input', function () {
    const fieldValue = $(this).val();
    if(!fieldValue.val().length){
        console.log('0')
        return;
    }

    if(fieldValue.length) {
        console.log('больше 1')
        return;
    }
})

Comments

[Роман Дворянов]

Или так

$('.header__field-search').on('input', function () {
  if (!$(this).val().length) {
    console.log('символов стало 0')
    return;
  } 
  console.log('символов стало больше чем 0')
})

Или так

$('.header__field-search').on('input', function () {
  if (!$(this).val().length) {
    console.log('символов стало 0')
  } else {
    console.log('символов стало больше чем 0')
  }
})

Или так

$('.header__field-search').on('input', function () {
  console.log(!$(this).val().length ? 'символов стало 0' :  'символов стало больше чем 0');
})

Или так

document.querySelector('.header__field-search').addEventListener('input', function() {
  console.log(!this.value.length ? 'символов стало 0' :  'символов стало больше чем 0');
})

Answer 2

[Spartak (Web-StyleStudio)]

if(fieldSearch.length > 0){
	console.log('что-то ввели')
} else {
	console.log('пусто')
}

Answer 3

[Эдуард]

Вы сравниваете числовое значение длины .length с пустотой строки. Это как условие 5 = арбуз?