Javascript Ajax联系人表单未显示成功

当我点击联系人表单上的“发送”按钮时，表单本身就消失了，没有显示任何成功消息，即使电子邮件仍然会出现。下面是php、javascript和html。提前谢谢你的帮助

<!--[if lte IE 8]>
<script src="js/html5shiv.js"></script><![endif]-->

<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery.dropotron.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-panels.min.js"></script>
<script src="js/init.js"></script>
<script src="js/contact.js"></script>
<noscript>
    <link rel="stylesheet" href="css/skel-noscript.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/style-noscript.css" />
</noscript>


          <!-- Contact Form-->
          <div class="content style4 featured">
       <div class="container small">
       <form id="contact" form method="post">

        <div class="row half">
         <div class="6u"><input type="text" class="text" name="name" id ="name" placeholder="Name" /></div>
           <div class="6u"><input type="text" class="text" placeholder="Email" name="email" id="email"/></div>
      </div>

<div class="row half">
    <div class="12u"><textarea name="text" placeholder="Message" id="message"></textarea></div>
</div>

<div class="row">
    <div class="12u">
        <ul class="actions">
            <li><input type="submit" class="button" value="Send Message" /></li>
            <li><input type="reset" class="button alt" value="Clear Form" /></li>
   <p class="success" style="display:none">Your message has been sent successfully.</p>
            <p class="error" style="display:none">E-mail must be valid and message must   be longer than 100 characters.</p>
        </ul>
    </div>

</div>

</form>

---

它会消失，因为你告诉它使用此代码

$("#contact").fadeOut(300);

但我看不到你的“注意”容器。它应该在#contact容器之外的某个位置，默认情况下隐藏

在您的联系方式下添加类似以下内容：

<div id="notice" style="display:none">Email sent successfully</div>

然后在javascript的响应中捕获该消息，看看它是否真的被发送了，如下所示

success : function(message) {
      if(message=="OK"){
      //then hide and show success
      }
}           

---

在你添加成功消息的地方？？假设

.success

是隐藏的，你不应该有一个

$（“.success”）.fadeIn（400）成功回调中的行？添加一个错误回调以查看请求是否成功我在表单下方添加了div id=notice位，但它没有隐藏？请使用CSS#notice{display:none}隐藏它
<div id="notice" style="display:none">Email sent successfully</div>

if(mail(...)){
    echo "OK";
}

success : function(message) {
      if(message=="OK"){
      //then hide and show success
      }
}