Identify which button submitted a form

Question

Given the following form:

<form action method="post" onsubmit="func(this)">
    <button type="submit" value="prev"  >prev</button>
    <button type="submit" value="next"  >next</button>
    <button type="submit" value="submit">submit</button>
    <button type="reset"  value="reset" >reset</button>
</form>

Within func(), how to identify which button submitted the form?

Java script function is used to validate the fields based on the button clicked. if button clicked is next then different validation etc — ashu, Sep 04 '15 at 10:34
js function or event can be fired and then you can identify which button is pressed — nouman arshad, Sep 04 '15 at 10:38
Shortened title while preserving meaning, merged actual code with described code to create working example, rephrased question succinctly — spenibus, Sep 06 '15 at 13:47
http://stackoverflow.com/questions/2066162/how-can-i-get-the-button-that-caused-the-submit-from-the-form-submit-event — annemartijn, Sep 06 '15 at 13:56

Mateusz · Accepted Answer · 2015-09-06T13:57:26.343

2

You are doing it wrong. You can attach click event to each button and take action. This is cleanest way.

<button onclick="alert('You are clicking on me');">Reset</button>

Instead of alert insert your custom function. You can make it more robust by not using inline javascript. In those functions you can choose if you want to submit form or not by preventing or passing default event. Like event.preventDefault()

edited Sep 06 '15 at 13:57

answered Sep 06 '15 at 13:51

Mateusz

2,287
20
28

Thanks @Mateusz, its working fine. I used the solution suggested by you. – ashu Sep 08 '15 at 05:35
@ashu then you can accept answer, no need to comment ;-) – Mateusz Sep 08 '15 at 08:15

Identify which button submitted a form

1 Answers1