php - jquery/AJaxでフォーム作成

Question

Div に配置された簡単なお問い合わせフォームがあります。私が欲しいのは、ユーザーがフォームを送信したときです。適切な検証の後、他のありがとうページにリダイレクトするのではなく、その Div からお問い合わせフォームを削除し、彼に「ありがとう」メッセージ

それ、どうやったら出来るの ？デモ/ダウンロードコードが役立ちます

Answer 1

シンプルで優れた、広く使用されている jQuery Form プラグイン:

http://jquery.malsup.com/form/

このプラグインを使用して、ajax を使用してフォームを送信し、成功したコールバックで適切な応答を表示できます。

Answer 2

少し検索するのは素晴らしいことです;）

<div id="form>
[ Your HTML Form]
</div>
<script>
$([form]).submit(function () {
   $("#id").html("Thank You");
});
</script>

Answer 3

    $("#submitBtn").click(function () {
$("#divId").html("Loading PleaseWait"); //divId contain all the text field
    $.ajax({

                type: "POST",
                data: "data=" + $("#data").val(),   //id of the text field (value)
                url: "demo.php",                    //page name to which u r passing the value
                success: function(msg){
                if($("#divId").html(msg))
                { 
                    $("#divId").html("Thank You");
                }

            }); 
});