Доработать валидацию в форме

Цена договорная
01 июля 2021, 16:30 • 4 отклика • 33 просмотра
Всем привет, задача как бы готова но есть нюанс.

На странице есть 3 формы, у них у всех одна валидация, если я использую одну из формы, и нажимаю отправить, то у меня валидация везде срабатывает, а надо чтобы срабатывала на той форме которую использую на данный момент.

Форма

<form method="POST" onsubmit="send(event, '------------------------.com/sendsertf.php')" id="formsertf">

<div class="ax-form">
<input type="hidden" id="srfesrtf" name="srfesrtf" value="Сертификат на дайвинг с тюленями">

<label>Имя <b>*</b></label>
<input type="text" id="srfname" name="srfname" class="inp1" placeholder="Иван Викторович" required>
<label>Телефон <b>*</b></label>
<input type="text" id="srftel" name="srftel" class="inp1 srftel" placeholder="+7 (___) ___-__-__" required>
<label>E-mail<b>*</b></label>
<input type="text" id="srfemail" name="srfemail" class="inp1" required>
</div>

<div class="ax-result"></div>

<div class="ax-form">
<button type="submit" class="btnno">Отправить</button>
</div>
</form>
Скрипт обработки ошибок

<script>
function send(event, php) {
console.log("Отправка запроса");
event.preventDefault ? event.preventDefault() : event.returnValue = false;
var req = new XMLHttpRequest();
req.open('POST', php, true);
req.onload = function() {
if (req.status >= 200 && req.status < 400) {
json = JSON.parse(this.response);
console.log(json);

if (json.result == "success") {
$('#formsertf .ax-result').removeClass('validdone validerror').addClass('validdone').html('Сообщение отправлено, в ближайшее время с вами свяжется менеджер.');
$('#formsertf .ax-form').hide();

} else {
$('#formsertf .ax-result').removeClass('validdone validerror').addClass('validerror').html('Сообщение не отправлено, попробуйте повторить действия позднее.');
$('#formsertf .ax-form').show();
}
// Если не удалось связаться с php файлом
} else {alert("Ошибка сервера. Номер: "+req.status);}};

// Если не удалось отправить запрос. Стоит блок на хостинге
req.onerror = function() {alert("Ошибка отправки запроса");};
req.send(new FormData(event.target));
}
</script>
Отзывы
Рекомендую, вошел легко в курс дела ) и разрулил задачу.
3 года назад
R50 10c2fd2cd5acc417d095e92ac713a917
Фрилансер
Адекватный заказчик, оплатил своевременно без задержек. Всё устраивает.
3 года назад