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>

好的，所以有两个按钮，一个是通过 ajax 表单发送邮件，另一个是将数据保存到表中。这是我使用的 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
得到了使用 ajaxSubmit 而不是 ajaxForm 的解决方案

4

1 回答 1

0

只需作为表单标签内的提交按钮，两个按钮都在提交表单。您可能想要尝试的是将输入提交转换为按钮并将它们移到表单之外。

<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 回答