许多提交一个表单的按钮

时间:2011-06-20 21:01:18

标签: jquery

我有这段代码: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()

谢谢

2 个答案:

答案 0 :(得分:6)

跟踪按下的按钮: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));
    });
});

答案 1 :(得分:-4)

如果他们是type=submit他们将提交表格。

因此,在您的情况下两个按钮都会提交表单。