Доработать валидацию в форме
Цена договорная
Всем привет, задача как бы готова но есть нюанс.
На странице есть 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 формы, у них у всех одна валидация, если я использую одну из формы, и нажимаю отправить, то у меня валидация везде срабатывает, а надо чтобы срабатывала на той форме которую использую на данный момент.
Форма
<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>
Отзывы
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.