Как показать кнопку в тот момент, когда в input было введено нужное количество символов?

Question

[Alex Goncharov]

Как показать кнопку в тот момент, когда в input было введено нужное количество символов? Есть поле с вводом номера телефона, и кнопка отправить. Как сделать, чтобы в тот момент, когда в поле - нужное количество символов - кнопка показывалась, или становилась активной?

Answer 1

[0xD34F]

const LENGTH = чему-то там равно, это вам виднее;
const input = document.querySelector('селектор инпута');
const button = document.querySelector('селектор кнопки');

input.addEventListener('input', e => {
  button.style.display = e.target.value.length >= LENGTH ? '' : 'none';
});

input.dispatchEvent(new Event('input'));

Answer 2

[leni_m]

$('input').on('input', function(){
    if ($(this).val().length === 11) {
        показываем;
    } else {
        скрываем;
    }
});