一个表单的许多提交按钮

Question

我有这个代码：http://jsfiddle.net/xFvrV/2/

<form id="formTest" action="#" method="post">
    <input type="text" id="textTest"/><br>
    <input id="submitButtonDraft" type="submit" value="Save Draft" /><br>
    <input id="submitButton" type="submit" value="Save" />
</form>

$(document).ready(function () {
    $("#formTest").submit(function (e) {
        e.preventDefault();
        alert('toto');
    });
});

如何知道哪个按钮提交表单？并在 alert()

中显示

谢谢

Answer 1

跟踪按下的按钮：http://jsfiddle.net/xFvrV/9/。

$(document).ready(function () {
    $("#formTest").submit(function (e) {
        e.preventDefault();
        // get data from form's data
        alert($(this).data('submitbutton').attr('value'));
    });

    $('input[type=submit]').click(function() {
        // save as data on form's .data
        $(this).parent().data('submitbutton', $(this));
    });
});

Answer 2

如果他们属于type=submit，他们将提交表单。

所以在您的情况下，两个按钮都会提交表单。