php - jQuery - 将联系表单替换为 'thanks message'

Question

我有一个执行 PHP 操作的联系表单。联系表单与 jQuery 中的验证引擎连接。如果消息发送正确，我只需包含带有感谢消息的 PHP 文件 - require_once('success.php');。发送消息后，我想用感谢消息替换联系表单，而无需重新加载整个页面。请给我一些建议如何去做。这是我的 html:

<div id="contactForm">
<form id="expertForm" class="formular" method="post" action="send.php">
    <fieldset>
        <label>
            <input name="email"
                   id="email"
                   class="required email"
                   type="text"
                   size="40"/>
        </label>

        <p>
            <textarea name="body" id="body" rows="5" cols="50" class="required"></textarea>
        </p>
    </fieldset>
    <input class="submit"
           type="image"
           src="../images/btn-send.png"/>
</form>
</div>
<script type="text/javascript">
  $("#expertForm").validate();
</script>

在 send.php 中我有:

if(!$mail->Send()) {
echo "Mailer Error: " . $mail->ErrorInfo;
} else {
    require_once('success.php');
}

Answer 1

您可以在此处看到几乎工作演示 http://jsfiddle.net/v7MJA/1/

$(function(){
    $("#expertForm").submit(function(e){
        e.preventDefault();
        if(!$(this).validate().form()) return false;
        $.ajax({
            url:$(this).attr('action'),
            data:$(this).serialize(),
            type:'post',
            success:function(msg){
                $("#expertForm").replaceWith(msg);
            }
        });
    });
});