Почему моя проверка формы JavaScript не останавливает отправку формы? [дубликат] ⇐ Javascript

[Anonymous]

Я практикуюсь в проверке форм с помощью JavaScript. Я хочу:
- Проверить, что поле имени пользователя не пусто.
- Проверить, что пароль содержит не менее 6 символов.
- Показать сообщение об ошибке без отправки формы, если что-то не так.
Но прямо сейчас форма по-прежнему отправляется, даже если поля недействительны. Я что-то упускаю?
document.addEventListener("DOMContentLoaded", function () {
const form = document.getElementById("signupForm");
const username = document.getElementById("username");
const password = document.getElementById("password");
const error = document.getElementById("error");

form.addEventListener("submit", function (event) {
error.textContent = "";

if (username.value.trim() === "") {
error.textContent = "Username is required.";
} else if (password.value.length < 6) {
error.textContent = "Password must be at least 6 characters.";
}
});
});


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