JQuery（不应该）在提交后隐藏表单答案

【问题标题】：JQuery (should not to) hides form after Submitting itJQuery（不应该）在提交后隐藏表单
【发布时间】：2017-03-26 07:15:35
【问题描述】：

我有一个很小的主页，它可以在同一个窗口中通过使用 JQuery 脚本通过显示块/无属性隐藏/显示必要的块来工作：

$(document).ready(function(){
  $(".show").click(function (){
    $(".web, .about, .tel, .email").hide();
    $("." + $(this).attr("show-class")).fadeIn("fast");
  });
});

HTML 是：

<li><a href="#" class="show" show-class="email">E-mail</a></li>

<div class="email">

  <form method="post" action="">                    
  <input name="name" placeholder="Name (required)">                     
  <input name="email" type="email" placeholder="E-mail (required)">                     
  <textarea name="message" placeholder="Message"></textarea>                        
  <input name="submit" type="submit" value="Submit">                    
  </form>

  <?php

  $name = $_POST['name'];
  $email = $_POST['email'];
  $message = $_POST['message'];
  $to = 'example@example.com'; 
  $subject = 'Hi! From Example.com';

  $body = "From: $name\n E-Mail: $email\n Message:\n $message";

  if ($_POST['submit']) {
  if ($name != '' && $email != '') {
  if (mail ($to, $subject, $body)) { 
  echo '<p>Your message has been sent.</p>';
  } else { 
  echo '<p>Something went wrong, go back and try again.</p>'; 
  }
  } else {
  echo '<p>Please fill in required information.</p>';
  }
  }
  ?>

</div>

问题是在成功与否之后，提交表单（按下提交按钮）带有表单的块隐藏并且只有在再次按下“电子邮件”链接后，其中一条消息（如“您的消息已发送。 ") 出现在表格下方/与表格一起。

那么我怎样才能阻止表单在提交后消失呢？

谢谢！

【问题讨论】：

标签： javascript php jquery forms submit

【解决方案1】：

删除$(".web, .about, .tel, .email").hide(); 这就是隐藏您的输入的原因。

调整您的代码

$(document).ready(function() {
  $(".show").click(function() {
    $("." + $(this).attr("show-class")).fadeIn("fast");
  });
});`

【讨论】：

谢谢，但问题是每个新出现的块都应该隐藏前一个，因为它们被放置在相同的位置。因此，通过使用您的方法，每个块都出现在前一个块的下方。按下提交按钮后表单仍然消失。