提交后重新打开表单弹出窗口

时间:2019-05-30 07:50:17

标签: javascript jquery

我已经使用JS和CSS创建了一个弹出式联系表单来显示/隐藏。 PHP正在运行,正在提交表单。但是,一旦单击了提交按钮,页面就会刷新,您必须手动重新打开联系人,以查看任何验证错误或成功消息。

刷新后,我希望显示该表单,而不必手动重新打开它。我尝试添加以下jQuery,但没有任何效果。请帮忙!

<?php include('contact_form_process.php'); ?>
<div class="form-popup" id="myForm">
  <form class="form-container" action="<?= $_SERVER['PHP_SELF']; ?>" method="post">
    <h1>Send us a message</h1>
    <span><?= $name_error ?></span><br>
    <input type="text" placeholder="Enter Name" value="<?= $name ?>" name="name"><br>
    <span><?= $email_error ?></span><br>
    <input type="text" placeholder="Enter Email" value="<?= $email ?>" name="email"><br>
    <span><?= $message_error ?></span><br>
    <textarea type="text" placeholder="Enter Message" value="<?= $message ?>" style="height:200px" name="message"></textarea>
    <button type="submit" class="btn">Submit Message</button>
    <button type="button" class="btn cancel" onclick="closeForm()"></button>
  </form>
</div>
$('.form-container').submit(function(e) {
  $('#myForm').css('display', 'block');
});

function openForm() {
  document.getElementById("myForm").style.display = "block";
};

function closeForm() {
  document.getElementById("myForm").style.display = "none";
};

$('.form-container').submit(function() {
  $('#myForm').css('display', 'block');
});

0 个答案:

没有答案