將提交表單延遲5秒並顯示jQuery對話？

Question

我需要一些幫助。 我試圖將表單的提交延遲5秒，以便在提交登錄表單之前出現一個jquery對話框加載框。

目前，im正在使用的代碼確實延遲了提交，但是它阻止了表單提交數據，也不會使用戶登錄。

我很確定是因為我在我的javascript中使用e.preventDefault，但是沒有它就無法工作，任何人都可以告訴我如何延遲表單提交並成功提交數據，以便它確實可以登錄用戶。

謝謝。

<div id="login">
      <?php
        if (!logged_in()) {
            ?>

      <form id="myform" form action="login.php" rel="shadowbox" method="post" class="loginform">

    Email
      <input type="text" name="email" maxlength="30" />

    Password
    <input type="password" name="password" maxlength="30" />

    <input type="image" src="../PTB1/assets/img/icons/loginarrow1.png" name="submit" class="loginbutton" value="Login" />

                </form>


               <?php
        }
        if (logged_in()) {
            ?>


                 Logged in as, <?php echo $_SESSION['email'] ?>. <a href="dashboard.php">Dashboard</a>, <a href="logout.php">Logout</a> |&nbsp;&nbsp;&nbsp;&nbsp;<a href="dashboard.php"><div class="login_settings" id="login_settings"></div></a>
    <?php
        }





        ?></div>

        <script>
        $('#myform').submit(function (e) {
        var form = this;
        e.preventDefault();
        setTimeout(function () {
            form.submit();
        }, 3000); // in milliseconds
    });
    </script>

        <script>
        $(document).ready(function() {
        $('#myform').submit(function() {Shadowbox.open({
            content:    '<iframe src="login.php" width="500" height="300" scrolling="no" style="overflow:hidden; border:none;"></iframe>',
            player:     "html",
            height:     300,
            width:      500
        });

             });



        });



    </script>

Answer 1

使用單個提交處理程序。 我在我的本地系統上嘗試了它，並且可以正常工作。

    <script type="text/javascript">
        $(document).ready(function() {
            $('#myform').submit(function(e) {
                var form = this;
                e.preventDefault();

                Shadowbox.open({
                    content:    '<iframe src="login.php" width="500" height="300" scrolling="no" style="overflow:hidden; border:none;"></iframe>',
                    player:     "html",
                    height:     300,
                    width:      500
                });

                setTimeout(function () {
                    form.submit();
                }, 3000); // in milliseconds
            });
        });
    </script>