表单提交后重定向回页面并显示模式

After form submit redirect back to page and show a modal

本文关键字：显示 模式 重定向 表单提交      更新时间：2023-09-26

我会尽可能最好地解释这一点。

我有一个表格，在电子邮件上提交操作。hp:

<form data-toggle="validator" role="form" method="POST" action="email.php">
                        <div class="row">
                            <!-- Full Name -->
                            <div class="form-group col-lg-4">
                                <label for="inputName" class="control-label">Name</label>
                                <input type="text" class="form-control" name="inputName" id="inputName" required>
                            </div>
                            <!-- email -->
                            <div class="form-group col-lg-4">
                              <label for="inputEmail" class="control-label">Email</label>
                              <input type="email" class="form-control" name="inputEmail" id="inputEmail" data-error="Incorrect Email Format" required>
                            </div>
                            <!-- phone number -->
                            <div class="form-group col-lg-4">
                                <label for="inputTel" class="control-label">Phone Number</label>
                                <input type="text" pattern="(?:'('d{3}')|'d{3})[- ]?'d{3}[- ]?'d{4}" name="inputTel" id="inputTel" data-minlength="10" maxlength="15" class="form-control" placeholder="123-456-7890" data-error="(123)-456-7890 | 1234567890 | 123-456-7890"> 
                            </div>
                            <!-- message -->
                            <div class="form-group col-lg-12">
                                <label for="content" class="control-label">Message</label>
                                <textarea name="content" id="content" class="form-control" rows="6" data-minlength="5" data-error="Message Must be longer"></textarea>
                            </div>
                            <!-- button -->
                            <div class="form-group col-lg-12">
                               <button type="submit" class="btn btn-default">Submit</button>
                            </div>
                        </div>
                    </form>

在email.php中成功处理表单后，我希望它返回到表单所在的页面，并显示我创建的的"谢谢"模式

目前我在email.php（经过验证）：

     echo "<script>
     $(window).load(function(){
         $('#myModal').modal('show');
     });
     window.location.href="Websitename";
</script>";

这不起作用。发生的情况是页面只是被重定向，但不显示模态。

有人能为我提供帮助吗？

我认为问题出在中

        window.location.href="Websitename";

当浏览器看到这一行时，她会自动找到浏览器，这意味着立即提出新的请求。让我解释一下：您的表单发送请求到email.php----->将响应作为javascript-->javascript请求发送到"网站名称"。为了纠正这个问题，您应该将window.location.href放入timeout函数中，并在window.load之后触发超时。请检查：

    echo "<script>
          function deferredFunction(){
 window.location.href="Websitename";
    }
         $(window).load(function(){
             $('#myModal').modal('show');
             setTimeout(deferredFunction,5000);
         });   
    </script>";

希望有帮助！！

相关文章：