Вывод сообщения при валидации формы
Всем привет. Делаю валидацию формы. Необходимо, чтобы под инпутом выводилось сообщение о некорректном вводе. Не могу понять почему не срабатывает написанный код и не выводится сообщение:
button.addEventListener('click', (event) => {
event.preventDefault();
if (!validate(regExp, inp.value)) {
notValid(inp, emailError, 'Ошибка!');
inp.style.border = '3px solid red';
console.log('NO');
} else {
valid(inp, emailError, 'Ввод корректный!');
console.log('YES')
}
})
function validate(regex, inp) {
return regex.test(inp);
}
function notValid(inp, el, mess) {
inp.classList.add('is-invalid');
el.innerHTMl = mess;
}
function valid(inp, el, mess) {
inp.classList.remove('is-invalid');
inp.classList.add('is-valid');
el.innerHTMl = mess;
}