I have a form with multiple submit buttons, and I'd like to capture when any of them are pressed, and perform different JS code for each one.

<form id=my-form>

    <input type=email name=email placeholder=(Your email) />

    <button type=submit value=button-one>Go - One</button>

    <button type=submit value=button-two>Go - Two</button>

    <button type=submit value=button-three>Go - Three</button>

</form>

Looking at an older answer, I can process all of the submit buttons in JS:

function processForm(e) {

    if (e.preventDefault) e.preventDefault();



    /* do what you want with the form */



    // You must return false to prevent the default form behavior

    return false;

}



var form = document.getElementById('my-form');

if (form.attachEvent) {

    form.attachEvent(submit, processForm);

} else {

    form.addEventListener(submit, processForm);

}

But how can I discriminate amongst the different submit buttons? Is there a way to get the value and perform logic from there?

I don't need to have three submit buttons, per se... I just need three different buttons in a form to perform three different actions.

Thanks!