jQuery的表格插件，2个按钮

Question

我使用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
只是通过被提交表单标签内的按钮，这两个按钮提交表单获得的，而不是给ajaxForm

Answer 1

解决方案使用ajaxSubmit会。您可能想要尝试的是将输入提交转换为按钮并将它们移到窗体外部。

<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") 
    }); 
});