Question

我有一个用PHP创建的表单，并且一直在对其进行前端样式设计。提交表单后，页面将刷新并显示一条消息。该消息显示在表单上方-但是一旦提交，用户就不能与该表单进行交互-或看到它！只是看到确认消息。我不知道从哪里开始或者为什么会这样。有人可以向我发送正确的方向吗？

Answer 1

如果要在此服务器端进行操作，则只需执行以下操作：

{% if (confirmed) %}`
    <p>Thank you. The form has been hidden</p>
{% else %}
    <form>
        <input type='text'>
    </form>
{% endif %}

或者，如果您想做此客户端，那么使用jquery很简单，您可以通过执行以下操作隐藏表单：

$("#form-id").hide()

Answer 2

应用“ myForm” ID进行标记。

<form id="myForm">

在您的消息行以PHP打印之前，请关闭PHP标记的第一行，例如在使用联系表时。

//your ongoing code on click event of submit button
mail("mymail@gmail.com", $subject, $message, $headers, $email);
?>
<script>
$("#myForm").hide()
</script>
<?php 
echo "Message sent.";
?>

另一种通过CSS实现此功能的方法（已测试，正在工作！）

//your ongoing code on click event of submit button
mail("mymail@gmail.com", $subject, $message, $headers, $email);
?>
<style>
#myForm{display:none;}
</style>
<?php 
echo "Message sent.";
?>

确保将此按钮置于按钮的“内部单击”中。应该可以！

提交PHP表单并刷新页面后，可以使用javaScript隐藏该表单吗？

2 个答案: