0

Есть кастомная валидация input-ов, написанная на js:

const validateForm = (e) => {
  e.preventDefault();
  const nameValue = document.querySelector("#cardName").value;
  const numberValue = document.querySelector("#number").value;
  const monthValue = document.querySelector("#month").value;
  const yearValue = document.querySelector("#year").value;
  const cvcValue = document.querySelector("#cvc").value;

  const errorName = document.querySelector("#errorName");
  const errorNumber = document.querySelector("#errorNumber");
  const errorDate = document.querySelector("#errorDate");
  const errorCvc = document.querySelector("#errorCvc");

  if (nameValue.length < 5 || nameValue.length > 25) {
    errorName.innerText = "Wrong format, please fill in the field";
return false;
  } else {
    errorName.innerText = "";
  }

  if (numberValue.length < 19) {
    errorNumber.innerText = "Wrong format, please fiil in the field";
return false;
  } else {
    errorNumber.innerText = "";
  }

  if (monthValue.length < 2 || yearValue.length < 2) {
    errorDate.innerText = "Can't be blank";
return false;

  } else {
    errorDate.innerText = "";
  }

  if (cvcValue.length < 3) {
    errorCvc.innerText = "Can't be blank";
return false;
  } else {
    errorCvc.innerText = "";
  }
return true;
};

Она проверяет поля на определённые значения, если они не соответствуют, я через DOM вывожу в span определённый текст и возвращаю false. Если всё хорошо, валидация возвращает true.

И у меня есть кнопка submit

<input type="submit" onclick="changeForm()">

И есть функция, которая проверяет, если validateForm === true, то оно выводит алёрт с сообщением верно, если нет, то соответсвенно не верно.

function changeForm() {
  if(validateForm === true) {
alert("верно");
} else {
alert("Неверно");
}

Но оно возвращает всегда "Неверно". Почему?

2 ответа 2

3

Потому что вы сравниваете функцию со значением.

Что бы вызвать функцию, надо написать validateForm()

function changeForm() {
  if(validateForm() === true) {
    alert("верно");
  } else {
    alert("Неверно");
  }
}
2
  • Да, я понял свою ошибку, спасибо! Ещё хотел спросить одну вещь, у меня теперь в консоли выдаёт ошибку: Uncaught TypeError: Cannot read properties of undefined (reading 'preventDefault'), когда нажимаю на кнопку. С чем это может быть связано?
    – FlaceyFurr
    19 янв в 12:30
  • Вот описание ошибки Uncaught TypeError: Cannot read properties of undefined. Вы не передаете в фукнцию значение e
    – SwaD
    19 янв в 12:34
1

Но оно возвращает всегда "Неверно". Почему?

Поскольку нет собственно запуска функции validateForm, твое условие validateForm === true - ложно.

Перепиши функцию changeForm следующим образом

function changeForm() {
  const mess = validateForm() ? "Верно" : "Неверно"
  alert(mess);
}

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

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