Показать сообщение отдельно
  #1 (permalink)  
Старый 10.08.2017, 14:50
Интересующийся
Отправить личное сообщение для loony Посмотреть профиль Найти все сообщения от loony
 
Регистрация: 21.09.2016
Сообщений: 10

функция submit от разных форм отправляет всегд одну
Помогите разобраться где косяк.

НА странице 2 формы

<form id="fast-feedback" action="" method="post" onsubmit="return onSubmit()">
	<input type="hidden" value="0" id="form_checked_q" name="email">
	<input type="hidden" value="" name="fast-feedback">
	<div class="head">Быстрая заявка</div>
	<div class="row-order">
		<div class="inp-name">Контактный телефон:</div>
		<div class="inp-cont"><input class="quick_inp" type="text" name="tel" required=""></div>
	</div>
	<div class="row-order">
		<div class="inp-name">Адрес сайта:</div>
		<div class="inp-cont"><input class="quick_inp" type="text" name="url"></div>
	</div>
	<div class="row-order">
		<div class="wrap-confid"><input type="checkbox" checked=""><a href="/confidential.pdf" target="_blank">Я согласен с условиями конфиденциальности </a></div>
<div style="display:none;" class="g-recaptcha" data-sitekey="6LfEuSIUAAAAAOEwmLGKzTgGg4Pr1K19OFPBQFTD" data-callback="resultRecapcha" data-size="invisible"></div>
<input type="submit" name="quick_form11" onclick="yaCounter1967302.reachGoal('goal2'); return true;" value="Отправить заявку">
	</div>
</form>

<form action="" method="post" class="feedback-header" onsubmit="return onSubmit2()">
	<div class="row">
		<div class="col-xs-6">
			<div class="inp-name">Ваше Имя*:</div>
			<input type="text" id="acpro_inp1" name="name" required="">
			<div class="inp-name">Телефон:*</div>
			<input type="text" id="acpro_inp2" name="phone" required="">
		</div>
		<div class="col-xs-6">
			<div class="inp-name">Адрес сайта:</div>
			<input type="text" id="acpro_inp4" name="url">
		</div>
	</div>
	<p class="in-z">* – Обязательно заполните поля, отмеченные «звёздочкой»</p>
	<div class="wrap-confid"><input type="checkbox" checked=""><a href="/confidential.pdf" target="_blank">Я согласен с условиями конфиденциальности </a></div>
<div style="display:none;" class="g-recaptcha" data-sitekey="6LfEuSIUAAAAAOEwmLGKzTgGg4Pr1K19OFPBQFTD" data-callback="resultRecapcha2" data-size="invisible"></div>
	<input type="submit" name="but_return" value="Отправить заявку">

</form>


Вот функции:
// Проверка быстрая заявка
  function onSubmit() {
      var x = document.querySelector("input[name='tel']").value;
      if(x == ""){
      }else{grecaptcha.execute();}
      return false;
  }
  // Проверка обратный звонок
  function onSubmit2() {
      var x = document.querySelector("input[name='name']").value;
      var y = document.querySelector("input[name='phone']").value;
      if(x == "" || y == ""){
      }else{grecaptcha.execute();}
      return false;
  }


grecaptcha.execute(); - вызывает гугл капчу, если с капчей все ок, то идет вызов функции resultRecapcha и resultRecapcha2

Вот эти функции:
function resultRecapcha(){document.querySelector("#fast-feedback").submit();}
  function resultRecapcha2(){document.querySelector(".feedback-header").submit();}


А теперь сама проблема:

Заполняем первую форму, жмем кнопку "Отправить заявку", форма отправиться с перезагрузкой страницы, как бы на странице будет сформированный $_POST, если не сбрасывая $_POST отправить и вторую форму, то почему то отправится первая, соответственно с пустыми данными...Как избежать такой ситуации?
Ответить с цитированием