26 lines
1.1 KiB
JavaScript
26 lines
1.1 KiB
JavaScript
|
// модуль используется для валидации форма на странице
|
|||
|
|
|
|||
|
|
function validation() {
|
|||
|
|
// поиск всех форма с классом .needs-validation
|
|||
|
|
const forms = document.querySelectorAll("form.needs-validation");
|
|||
|
|
|
|||
|
|
for (let i = 0; i < forms.length; i += 1) {
|
|||
|
|
const form = forms[i];
|
|||
|
|
// для каждой формы добавляется обработчик события отправки
|
|||
|
|
form.addEventListener("submit", (event) => {
|
|||
|
|
// если форма не прошла валидацию
|
|||
|
|
// то выключить стандартное действие
|
|||
|
|
if (!form.checkValidity()) {
|
|||
|
|
event.preventDefault();
|
|||
|
|
// предотвращает распространение preventDefault
|
|||
|
|
// на другие объекты
|
|||
|
|
event.stopPropagation();
|
|||
|
|
}
|
|||
|
|
// добавляет к форме класс was-validated
|
|||
|
|
form.classList.add("was-validated");
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
export default validation;
|