0

Есть форма

<input class="field" id="number" name="card_number" placeholder="0000 0000 0000 0000"
                                   required="" type="text" value="" maxlength="22">

Так же есть функция, которая вернет булевое значение. Как сделать так, чтобы при вводе значения, вызывалась функция, и если она фернет false, то при нажатии кнопки, сайт просил заполнить форму правильно?

1 ответ 1

1

Не понял насчёт обязательного условия с функцией, но в общем я бы делал как-то так. Проверяем ввод, если ничего не коряво, то сабмитим форму (или что там надо), иначе алертим каким-то образом, что что-то не так.

const input = document.getElementById('number');
const submit = document.getElementById('submit');

function validate(event) {
  event.preventDefault();
  if(input.value !== '1111 1111 1111 1111') { // или какие тут должны быть условия
    console.log('enter correct number');
    return;
  } else {
    console.log('submitted');
    // form.submit(); если нужно сабмитить форму
  }
}

submit.addEventListener('click', validate);
<input class="field" id="number" name="card_number" placeholder="0000 0000 0000 0000"
                                   required="" type="text" value="" maxlength="22">
  <button type="submit" id="submit">confirm</button>

1
  • не тестил, но по-моему тосол нужно. спасибо.
    – Tomain
    9 мар 2021 в 4:57

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.