add click function condition to current button function

Question

I would like the below function to fire ONLY if element id #submit is clicked. I was creating another button (back button) and for some reason after my back button was fired, the below code ran regardless... so I need to wrap the below in another condition (only ig #submit is clicked)

submitHandler: function(form) {
    var complete = function(){
          $('.form-container').find('header').hide();
          $(form).fadeOut(function(){
          $('#thanks').fadeIn();
        });
    };

here is the code for the back button -- it runs onclick as supposed to, BUT afterward the 'submit' function above runs. I need the submit above to ONLY run with the submit click not the back click.

//* back button */

document.getElementById('back').addEventListener('click', function () {
    jQuery('.step1').show();
    jQuery('submit3').hide();
    jQuery('#privacyalert').hide();
    jQuery('.step2').hide();
    jQuery('.step3').hide();
    jQuery('#thanks').hide();
    jQuery('#back').hide();

},  false);

I'm guessing here, but is `back` a ` – James Thorpe Apr 16 '15 at 15:58 — James Thorpe, Apr 16 '15 at 15:58

score 2 · Accepted Answer · answered Apr 16 '15 at 15:58

2

Try setting the back button type to type="button". The default is type="submit" so that is most likely triggering it your submitHandler.

answered Apr 16 '15 at 15:58

Joel

4,503
1
27
41

score 1 · Answer 2 · answered Apr 16 '15 at 16:00

1

Here it goes

$('#submit').on('click', function(e) {
var complete = function(){
              $('.form-container').find('header').hide();
              $(form).fadeOut(function(){
              $('#thanks').fadeIn();
            });
});

answered Apr 16 '15 at 16:00

nirmal

2,143
1
19
29

add click function condition to current button function

2 Answers2