Есть кастомная валидация 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("Неверно");
}
Но оно возвращает всегда "Неверно". Почему?