jquery - フォームの数が不明なページの解決策。処理する方法？

Question

私のウェブサイトに問題があります。フォームが多いページ（投稿数不明のコメントフォームのようなもの）を作りたい。もう 1 つ欲しいのは、ページを更新せずにコメント フォームを送信することです。フォームの既知の数で、私は ajax で私の問題を解決できます。しかし、番号が不明なため、それらのフォームの名前の付け方、解決するためのjqueryコードの書き方がわかりません!! PS: 私の Web ページは JSP で書かれています。ご協力いただきありがとうございます！

Answer 1

すべてのフォームに名前を付ける必要はありません。jquery の最も近い関数を使用して、フォームの値を取得できます。このようなもの

</p>

<form>
<input type="text" name="comment">
<input type="hidden" name="usrid" value="1">
<input type="button" class="submitbut" value="Submit">
</form><br/>

<form>
<input type="text" name="comment">
<input type="hidden" name="usrid" value="2">
    <input type="button" class="submitbut" value="Submit">
</form><br/>

<form>
<input type="text" name="comment">
<input type="hidden" name="usrid" value="3">
    <input type="button" class="submitbut" value="Submit">
</form>

そしてJquery

$(".submitbut").click(function() {
    alert($(this).closest("form").serialize());
});​

そして、これがあなたを助けるjsfiddleです。ここをクリック

OPはJquery validateを使用する必要があるため更新

更新されたデモ

Answer 2

複数のスクリプトを処理するために 1 つのコントローラーが必要な状況を処理するように設計された小さなスクリプトを作成しました。

スクリプトには、特定のスクリプトを処理して特定のコールバックを持たせるための switch ステートメントがあります。他のすべてのスクリプトは、switch ステートメントの「デフォルト」ケースでコールバックを実行します。これらのコールバックは、フォームの ajax 送信が成功したときに実行する必要があるコードを配置するためのものです。

ここにリンクがあり ます https://github.com/andresgallo/FORM-POSTER-using-AJAX-and-JQUERY/blob/master/ajaxFormPoster.js

それが役に立てば幸い