連絡フォームを非表示にしてありがとうございましたメッセージ

Question

私のフォームでこれを動作させるのは非常に困難です。私はこの記事Show a Thank You message after validating contact formを見ましたが、私はそれを私のために働かせることができませんでした。

マイフォームコード

<li id="contact"> 
        <form enctype="multipart/form-data" method="post" action="contact2.php" name="contactform" id="contactform"> 
               <p>Jason Bartimus | Hawaii Wedding Photographer</p> 
         <h3>What type of session are you interested in?</h3> 
         <ul> 
          <li class="msgname"><label>Full Name: </label><input type="text" name="name"></li> 
          <li><label>E-mail: </label><input type="text" name="email"></li> 
          <li class="msgname"><label>Contact Number: </label><input type="text" name="phone"></li> 
          <li><label>Event Date: </label><input type="text" name="date"></li>        
          <li><label>Event Type: </label><select name="event"> 
            <option>- - - - - - -</option> 
            <option value="Engagement">Engagement</option>      
            <option value="Wedding">Wedding</option> 
           </select></li>          
          <li><label>Message: </label><textarea name="message" rows=4 cols=35></textarea></li> 
          <li><input class="send" type="submit" value="Send"></li> 
         </ul> 
         </form> 
         <div id="contactinfo"> 
          <h3>Contact Information</h3> 
          <p></p> 
          <p class="phone">808-343-0845</p> 
          <p class="email"><a href="#">info@jasonbartimus.com</a></p> 
         </div> 
        </li> 

私のPHPコードはここにあるさ：

<?php 
$ToEmail = 'info@jasonbartimus.com'; 
$EmailSubject = 'Site contact form '; 
$mailheader = "From: ".$_POST["email"]."\r\n"; 
$mailheader .= "Reply-To: ".$_POST["email"]."\r\n"; 
$mailheader .= "Content-type: text/html; charset=iso-8859-1\r\n"; 
$MESSAGE_BODY = "Name: ".$_POST["name"]."<br>"; 
$MESSAGE_BODY .= "Email: ".$_POST["email"]."<br>"; 
$MESSAGE_BODY .= "phone: ".$_POST["phone"]."<br>"; 
$MESSAGE_BODY .= "date: ".$_POST["date"]."<br>"; 
$MESSAGE_BODY .= "event: ".$_POST["event"]."<br>"; 
$MESSAGE_BODY .= "message: ".nl2br($_POST["message"])."<br>"; 
mail($ToEmail, $EmailSubject, $MESSAGE_BODY, $mailheader) or die ("Failure"); 
?> 

私はこの作業を取得する方法を見当もつかない。どんな助けも素晴らしいだろう！

私はこれをどのように機能させるかという手がかりはありません。どんな助けも素晴らしいだろう！ あなたのコードを確認何とか

$(function() { 
var options = { 
    messages: { 
     firstname: "Please enter your Name", 
     lastname: "Please enter your Last Name", 
     email: "Please enter a valid E-mail Address", 
     comments: "Please enter your Comments" 
    }, 
    submitHandler: function(form) { 
     $(form).ajaxSubmit({ 
      beforeSubmit: function(arr, $form, options) { 
       $('#myform').fadeOut('fast'); 
       $('#loader').fadeIn('slow'); 
       return true; 
      }, 
      success: processRegister 
     }); 
    } 
}; 

//Validation 
$('#contactus').validate(options); 
$('#ty').hide(); 

}); 

function processRegister(responseText, status) { 
    $('#loader').fadeOut(function() { 
     $('#ty').fadeIn(); 
    }); 
} 

Answer 1

をこのjqueryのを使用しようと、あなたはあなたがあなたの現在のHTMLを取り、<section>または<div> HTMLタグでそれをラップすることができます#ty

で表され、どの要素を持っていません。同様に：その後、

<section name="form"> 
    --- all your form html goes here 
</section> 

そして、あなたのありがとうのメッセージがあります。

<section name="ty"> 
    --- thank you message 
</section> 

がインクルードはあなたのセクションに感謝隠し、フォームが送信された場合にのみ、それを表示するには、いくつかのjqueryの良さを使用して...その後、非表示になりますセクション "フォーム"

• ​​
• http://api.jquery.com/show/