0

フォーム データを送信するための "Grab All" 関数の作成に問題があります。同じ jQuery を再利用したい複数のフォームがあります。

私の現在の機能はこれです:

$('.submit-grabber').submit(function(e) {
    e.preventDefault();
    var data = $(this).serialize();
    $.post('grabber.php', data, function(data) {
        communicatorDisplay(data);
    }); 
});

私のHTMLはこれです:

<form id="product" class="submit-grabber">
    // Form elements go here
</form>

<form id="category" class="submit-grabber">
    // Form Elements go here
</form>

「Catch All」を作成する前に、id ごとにすべてのフォームに関数を使用しました。

$('#product').submit(function(e) {
    e.preventDefault();
    var data = $('#product').serialize();
    $.post('grabber.php', data, function(data) {
        communicatorDisplay(data);
    }); 
});

それはうまくいきましたが、「キャッチオール」に切り替えると、e.preventDefault()要素がキャンセルされたようで、送信されません。何が間違っていますか?

また、jQuery で異なるフォーム ID を持つ複数のフォームを「キャッチ」するにはどうすればよいですか? にも相談しました。しかし、それは説明を提供していないようでした

4

1 に答える 1