скрыть контактную форму и исчезнуть в сообщении спасибо

Question

Мне очень трудно заставить это работать с моей формой. Я посмотрел на эту статью Показать сообщение с благодарностью после проверки контактной формы , но снова я не смог заставить его работать на мою.

Код моей формы

<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"); 
?>

Понятия не имею, как заставить это работать. Любая помощь будет отличной!

Понятия не имею, как заставить это работать. Любая помощь будет отличной! пытаясь использовать этот JQuery как-то

$(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

При просмотре вашего кода у вас нет элемента, который представлен #ty

. Вы можете взять текущий HTML-код и обернуть его в тег <section> или <div> HTML.Как:

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

А затем получите ваше сообщение с благодарностью:

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

Используйте некоторые добрые jquery, чтобы скрыть раздел спасибо и показывать его только при отправке формы ...который затем скрывает раздел «форма»

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