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验证例程通过/失败，则需要将PHP变量formSubmitResult设置为true / false或1/0。

然后将其放在您提交的页面的头部：

<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>

成功提交后使对话工作

1 个答案: