Скрипт отлично обрабатывает одну из форм на странице, пробовал разные варианты чтобы обработать две и более форм, не смог, подскажите решение. привожу оригинал скрипта
if (document.forms.form1 && window.FormData) {
var form = document.forms.form1;
var message = new Object();
message.loading = 'Отправляем...';
message.success = 'Мы свяжемся с вами в ближайшее время 🙂';
message.failure = 'Что-то пошло не так 😭';
var statusMessage = document.createElement('div');
statusMessage.className = 'status';
// форму скроем после отправки
// var inputform = document.querySelector('.custom-form');
// var formbutton = document.querySelector('button[type="submit"]');
// Настройка AJAX запроса
var request = new XMLHttpRequest();
request.open('POST', 'assets/hello.php', true);
request.setRequestHeader('accept', 'application/json');
// Добавляем обработчик на событие `submit`
form.addEventListener('submit', function(event) {
event.preventDefault();
form.appendChild(statusMessage);
// Это простой способ подготавливить данные для отправки (все браузеры и IE > 9)
var formData = new FormData(form);
// Отправляем данные
request.send(formData);
// Функция для наблюдения изменения состояния request.readyState обновления statusMessage соответственно
request.onreadystatechange = function () {
// <4 = ожидаем ответ от сервера
if (request.readyState < 4)
statusMessage.innerHTML = message.loading;
// 4 = Ответ от сервера полностью загружен
else if (request.readyState === 4) {
// 200 - 299 = успешная отправка данных!
if (request.status == 200 && request.status < 300) {
statusMessage.innerHTML = message.success;
// скрываем форму и отправляем событие в метрику
inputform.style.display = 'none';
yaCounter53696953.reachGoal('formsubmit');
}
else
statusMessage.innerHTML = message.failure;
// formbutton.disabled = true;
//form.insertAdjacentHTML('beforeend', message.failure);
}
}
});
}
<form name="form1" action="" method="POST">
<input name="name" type="text">
<button type="submit">Форма 1</button>
</form>
<form name="form2" action="" method="POST">
<input name="name" type="text">
<button type="submit">Форма 2</button>
</form>