JQuery всплывающее диалоговое окно на PHP-форме, которая подтверждает и обновляет страницу - не работает - PullRequest
Новая
       21

JQuery всплывающее диалоговое окно на PHP-форме, которая подтверждает и обновляет страницу - не работает

0 голосов
/ 29 октября 2011

Хорошо, я видел то, что кажется сотней способов сделать то, что я хочу, но я не могу заставить ни один работать.У меня есть тестовая страница здесь: http://upcycledonline.com/test/Site/defaultUpCyc.php

То, что я хочу сделать, это когда пользователь нажимает кнопку «Отправить», и появляется всплывающее окно с надписью «Спасибо! Ваше письмо было добавлено».Когда они нажимают «ОК», всплывающее окно закрывается и страница обновляется.Прямо сейчас у меня всплывающее окно, но после нажатия кнопки ОК, он переходит на мою страницу php.

К вашему сведению: я новичок в php и javascript

Вот код формы и javascript 

<div id="signUp"> 


<script>
function confirmSubmit() {
if (confirm("Are you sure you want to submit the form?")) {
document.getElementById("FORM_ID").submit();
}
return false;
}

</script>


<?php 
//if the validation falls back to php, then print the validation error
if (isset($error_message)) echo $error_message;
?>
<form method="post" action="process-form.php" id="emailForm" name="emailForm" target="_self">

    <h4>Sign up to be notified when we go live!</h4>
    <!--value="<?php if (isset($_POST['email'])) echo $_POST['email'];?>"-->

<label for="email">E-mail</label>
    <input type="text" name="email" id="email" />
    <!-- onSubmit="alert('Thank you. Your email has been added.')"-->
<input type="submit" name="submit" id="submit" value="Submit"  onclick="return           confirm('Are you sure?');">

    <p>emails will not be shared with third parties</p>
</form>
<script>
<?php echo $validation_js_code;?>
</script>
</div>

1 Ответ

1 голос
/ 29 октября 2011

Вы можете сделать пару вещей:

  1. переместите логику обработки формы в defaultUpCyc.php, отправьте форму на этот URI, а затем defaultUpCyc.php обработайте форму и перезагрузите страницу.
  2. Используйте AJAX и отправьте данные в process-form.php, это вообще не потребует обновления.
  3. Выполнить перенаправление в process-form.php на defaultUpCyc.php.
...