我已经使用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');
});