成功提交后使对话工作

时间:2012-01-30 21:57:06

标签: html css forms

我正在努力让我的表单在成功提交表单后显示一个对话框(可能通过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>

1 个答案:

答案 0 :(得分:0)

一旦表单被提交/处理后,使用服务器端脚本向页面添加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>