ajax - 同じページに表示するフォームの成功/エラー ページの取得

Question

私の単純な 1 フィールド フォームは、このページの下部にあります。

http://kaye.at/books/

ユーザーを他のページ全体に送信するのではなく、「成功」または「エラー」メッセージが送信時にフィールド自体を置き換えるか、以下に表示されるようにするにはどうすればよいですか?

HTML:

<div class="email-wrap">

<form id="emailForm" style="display: block;" action="form.php" method="POST">
                <div>
                    <input type="text" value="Recommend a book" name="mail" id="mail">
                    <input type="submit" name="button" value="GO">
                </div>
</form>

</div>

Answer 1

ajax post を使用してテキスト ボックスの値を渡し、成功またはエラー時にフィールドを更新するか、返されたメッセージをテキスト ボックスの下に表示するのはどうですか。

ajaxを使って投稿するサンプルを参考にしてください。 jqueryでAJAX Postを使用して、強く型付けされたMVC3ビューからモデルを渡す適切な方法

または、jquery.post() http://api.jquery.com/jQuery.post/の使用については、以下のリンクを参照してください。