Javascript button for two functions. Submit & OnClick

Question

We are trying to link our form's submit button to work as a submit button and function the following Javascript.

Button:

<button type="submit" id="btn_submit" class="button button--red">Sign Up</button>

It works when we remove the id="btn_submit" to submit, but when we add the id="btn_submit" it implements the Javascript. How could we have the one button achieve both functions?

Javascript (beginning):

$("#btn_submit").on('click', function() {

Many, Many thanks!

$("#btn_submit").on('click', function(e) { e.preventDefault(); //do code $('form#myForm').submit(); try this way — guradio
– guradio, Commented Mar 30, 2016 at 2:02
@guradio Thanks soooooo much!! That's exactly what we needed!! — Lanie909
– Lanie909, Commented Mar 30, 2016 at 2:09
glad it works @Lanie909 mind if i put it as answer so you can accept it? — guradio
– guradio, Commented Mar 30, 2016 at 2:15

guradio · Accepted Answer · 2016-03-30 02:18:38Z

1

$("#btn_submit").on('click', function(e) { 
e.preventDefault(); //prevent the form from submitting
//do your code here
$('form#myForm').submit(); //submit your form here

One way to do this is dont submit your form on button click after doing all the other code you can submit your form manually

answered Mar 30, 2016 at 2:18

guradio

15.6k4 gold badges39 silver badges64 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

sdesapio · Accepted Answer · 2018-02-03 17:54:20Z

0

$("#btn_submit").on('click', function(e) {
    e.preventDefault();

    //do stuff

    $("#form").submit();
}

Where "#form" represents the id of your form. So if your form is "my_form", then change the above to read $("#my_form").submit();

edited Feb 3, 2018 at 17:54

answered Mar 30, 2016 at 2:13

sdesapio

1381 silver badge9 bronze badges

Collectives™ on Stack Overflow

Javascript button for two functions. Submit & OnClick

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related