Как я могу получить анимацию для запуска, когда входной отправку нажимается в JavaScript? ⇐ Html

[Anonymous]

У меня есть форма, которую я хочу каждый раз, когда я проверяю, если информация пуста, чтобы запустить анимацию библиотеки, которая импортирует из CSS, называемых animate.css, поэтому я создал функцию для проверки каждого ввода, поэтому, если кто -то пуст, он запускает анимацию «Shake» из упомянутой библиотеки. В то же время, класс должен быть добавлен, но в конце удален в конце, если пользователь больше не пишет на вводе, анимация работает. < /P>
Это моя форма: < /p>

Name


Email


Subject


Message



Send message


< /code>
и javascript: < /p>
(function () {
var form = document.getElementById("form"),
name = form.name,
email = form.email,
subject = form.subject;
message = form.message;

function validateName(e) {
if (name.value == "" || name.value == null) {
form.classList.add("animate__animated");
name.classList.add("animate__shakeX");
e.preventDefaul();
} else {
console.log("error");
}
}
function validateEmail(e) {
if (email.value == "" || email.value == null) {
email.classList.add("animate__animated");
email.classList.add("animate__shakeX");
e.preventDefaul();
}
}

function validateSubject(e) {
if (subject.value == "" || subject.value == null) {
subject.classList.add("animate__animated");
subject.classList.add("animate__shakeX");
e.preventDefaul();
}
}

function validateMessage(e) {
if (subject.value == "" || subject.value == null) {
message.classList.add("animate__animated");
message.classList.add("animate__shakeX");
e.preventDefaul();
}
}

function validateForm(e) {
validateName(e);
validateEmail(e);
validateSubject(e);
validateMessage(e);
}
form.addEventListener("submit", validateForm);
});
< /code>
Этот код работает, по -видимому, это происходит, но это происходит, когда я нажимаю на обновление, а не когда нажимаю на отправку: < /p>
var form = document.getElementById("name");
if (form.value == "" || form.value == null) {
form.classList.add("animate__animated");
form.classList.add("animate__shakeX");
}


Подробнее здесь: https://stackoverflow.com/questions/744 ... javascript