Как заставить диалог работать после успешной отправки

Question

Я пытаюсь заставить мою форму отображать диалоговое окно (возможно, через Javascript) после успешной отправки моей формы.Как мне это сделать?

JS

<script type="text/javascript">
$.validator.setDefaults({
});

$().ready(function() {
    // validate alphaRegister form on keyup and submit
    $("#alphaRegister").validate({
        rules: {
            email: {
                required: true,
                email: true
            }
        },
        messages: {
            email: "*"
        }
    });
});
</script>

HTML

    <form id="alphaRegister" action="src/php/newSubscriber.php" method="post">
        <input type="email" name="email" id="cemail" value="" class="required" />
        <div style="float:right; margin:0 5px 2px 0;"><input type="submit" id="submit" name="submit" value="" /></div>
    </form>

Answer 1

Используйте свой серверный скрипт, чтобы добавить переменную JS на свою страницу после того, как форма была отправлена ​​/ обработана, а затем в вашей функции $().ready проверьте, установлена ​​ли эта переменная.Если это так, отобразите диалоговое окно.

Обновление:

Для этого вам нужно будет установить для переменной PHP formSubmitResult значение true / false или 1 /0, если она прошла / не прошла процедуру проверки PHP.

Затем поместите это в заголовок страницы, которую вы отправляете:

<script type="text/javascript">
var submitIsValid=<?php echo formSubmitResult;?>;
$().ready(function() {
 if(submitIsValid)
 {
  alert("Submission was valid!"); // or some code to open your custom dialog box
 }
});
</script>