Two ways to process jQuery submitted form

Question

I have a form with button A and button B. It's sent by a jQuery function called clicking on one of the buttons. At the end of this long function which is checking prerequisites, the form is sent using this line:

$('#wlform').submit();

I want to adjust this code to send something to be able to distinguish which button was pressed. Something in JavaScript similar to <input type="submit" name="submitbutton1"/>

possible duplicate of [jQuery: how to get which button was clicked upon form submission?](http://stackoverflow.com/questions/5721724/jquery-how-to-get-which-button-was-clicked-upon-form-submission) — epascarello, Nov 26 '13 at 14:04
http://stackoverflow.com/questions/5328892/value-of-submit-button-clicked — Girish Sakhare, Nov 26 '13 at 14:07

Eduardo Casas · Answer 1 · 2013-11-26T14:09:36.737

0

Just give to the hidden input the value of the button id attribute. You could do something similar to this (before the submit statement):

$('input[type=hidden]').val($(this).attr('id'));

Where $(this) is the button clicked.

edited Nov 26 '13 at 14:09

answered Nov 26 '13 at 14:04

Eduardo Casas

578
4
11

score 0 · Answer 2 · answered Nov 26 '13 at 14:04

0

Provide us with some code?

I think you're talking about two buttons that both should have their own ID's. You could try and catch the ID attributes after you click them;

$(this).attr('id');

Or change 'id' into 'name' if you want to get that value.

answered Nov 26 '13 at 14:04

BBQ.

169
11

score 0 · Answer 3 · answered Nov 26 '13 at 14:05

0

I suppose you use a javascrit click event to execute your javascript functions.

In javascript, you can add a hidden input to your form :

$(...).click(function() {
    ... // Your code

    var clicked_button = $(this);
    $('#wlform').append($('<input type="hidden" name="clicked-button"/>').val(clicked_button.attr('id'));

    $('#wlform').submit();
});

With that, the id of the clicked_button will be sent with the form.

answered Nov 26 '13 at 14:05

Magus

14,796
3
36
51

There's no need to append the hidden input. Better to place it on the html file. – Eduardo Casas Nov 26 '13 at 14:07
That's right. You can place an empty hidden field in the html and update it with the javascript. – Magus Nov 26 '13 at 14:10

score 0 · Answer 4 · answered Nov 26 '13 at 16:10

None of the answers worked, so I've put something together from these on my own. I've added a hidden input field, clicked-button as you suggested. Then when calling my precheck_submit function, I pass another parameter (c) for storing which has been clicked. In the precheck_submit function I added $('#clicked-button').val(c);. It works. Anyways, thanks for your efforts.

Two ways to process jQuery submitted form

4 Answers4