0

jQueryフォームプラグインを使用しています
http://malsup.com/jquery/form/

<form id="form1" name="form1" method="post" action="" enctype="multipart/form-data">
<input name="submit" id="submit1" type="submit" class="submit_button" value="Save" />
<input name="submit2" id="submit2" type="submit" class="submit_button" value="Send Sale" />
</form>

さて、2つのボタンがあります。1つはajaxフォームを介してメールを送信することで、もう1つはデータをテーブルに保存することです。これが私が使用したJqueryです。

$(document).ready(function() { 
// bind form using ajaxForm 
$('#submit2').click(function() {
    alert('ffff');
    $('#form1').ajaxForm({ 
        // target identifies the element(s) to update with the server response 
        target: '.loading',
        beforeSubmit:  showImg,
        success: showResponse,
        url:       'send_sale.php',
    });
});
});

[保存]ボタンをクリックすると正常に機能しますが、最初に[セールの送信]をクリックし、その直後に[保存]ボタンをクリックすると、[保存]ボタンがセールの送信と同じプロセスを実行します。

誰かが何が悪いのか知っていますか？

UPDATE
は、ajaxFormの代わりにajaxSubmitを使用するソリューションを取得しました

4

1 に答える 1

0

form タグ内に送信ボタンがあるだけで、両方のボタンがフォームを送信しています。試してみたいことは、入力送信をボタンに変換してフォームの外に移動することです。

<form id="form1" name="form1" method="post" action="" enctype="multipart/form-data">
</form>
<button id="submit1" class="submit_button">Save</button>
<button id="submit2" class="submit_button">Send Sale</button>

次に、クリック ハンドラーを個別に定義します。

$(document).ready(function () {
    $('#submit1').click(function () {
    alert("action 1")
    $('#form1').ajaxForm({
        target: '.loading',
        beforeSubmit: showImg,
        success: showResponse,
        url: 'send_sale.php',
    });
    });
    $('#submit2').click(function () {
    alert("action 2")
    });
});
于 2013-01-22T20:58:09.423 に答える