Отправка формы отменена, потому что форма не связана, когда я пытаюсь скрыть модальный Jquery - PullRequest
Новая
       46

Отправка формы отменена, потому что форма не связана, когда я пытаюсь скрыть модальный Jquery

0 голосов
/ 22 марта 2019

Я сейчас работаю, пытаясь отправить форму и скрыть модал после отправки.

HTML 

<div class="overlay">
 <div id="popMainWrpDiv">
  <div id="closeBtn"><img src="close button img" /></div>

  <div id="headCont">
  <h1>Let&rsquo;s get you started!</h1>

  <h2>Please enter your email address here:</h2>
</div>

<p>You&rsquo;ll also receive a subscription to our free e-letter: <em>Health Watch</em>!</p>
<form id="myForm" align="center" action="https://signupapp2.com/signupapp/signups/process" method="post">
  <input name="signup.listCode" type="hidden" value="Blah Blah" />
  <input name="signup.sourceId" type="hidden" value="Blah Blah" />
  <input id="emailField" placeholder="Enter your email address" type="text" name="signup.emailAddress" />
  <input class="submit-gen" type="submit" value="Click to Proceed"id="emailCaptureButton"></input>
</form>

jQuery Script 

<script>
 $(window).load(function() {
  if (!localStorage.getItem("emailCapture")) {

  $('.overlay').show();
}
$('.subscribeNow').click(function() {
  $('.overlay').show();
});
$('#closeBtn').click(function() {
  $('#popMainWrpDiv').hide();
  $('#popMainWrpDiv').remove();
  $('.overlay').hide();
  $('.overlay').remove();
});



$("#myForm").submit(function() {
  console.log('WTF');
  $(this).hide();
  $(this).remove();
  $('.overlay').hide();
  $('.overlay').remove();
 })
});
</script>

Я перепробовал все,от удаления класса до его скрытия, переключения с кнопки на ввод с помощью type = "submit".Я по-прежнему получаю ту же ошибку "Отправка формы отменена, поскольку форма не подключена".Но если я не скрываю это, форма проходит, но страница перенаправляет, но форма возвращается в конец.Я пробовал eventpreventdefault, но тестовая электронная почта не отображалась в базе данных.Я просто не уверен, что еще попробовать, я чувствовал, что я попробовал все.Наконец, извините за устаревший код, который был передан мне от бывшего сотрудника

1 Ответ

0 голосов
/ 29 марта 2019

Я обнаружил, что решение было сделать форму целевой фиктивной, и перенаправить процесс формы туда. Это была страница, которая помогла мне

Как отправить HTML-форму без перенаправления?

...