Execute javascript before submit

Question

I know the title sound similar with some other threads but it's a little bit different.I have few buttons like those:

<input type=button name=Ok onclick='window.location="www.bla.com/bla.php"'>

When the user press any of them,i want a javascript or jquery code to run, but after,i want to be send to www.bla.com/bla.php.

I have a jquery code for submitting the form:

$( document ).ready(function() {
   $(':button').click(function(){
    document.getElementById('contact').submit();    
    });

The jquery code works,but the buttons does not...

yes but it's recommended to stay with the standard which is " in Html — Fuzzyma
– Fuzzyma, Commented Jan 6, 2015 at 10:42
@PetruLebada I guess you've this same problem, submitting a form will prevent setting new window.location to work. — Teemu
– Teemu, Commented Jan 6, 2015 at 10:44

Pupil · Accepted Answer · 2015-01-06 10:37:27Z

2

My solution is jQuery based.

The syntax here is incorrect:

<input type=button name=Ok onclick="www.bla.com/bla.php">

Modify it as:

<input type=button name=Ok data-href="www.bla.com/bla.php">

jQuery:

$( document ).ready(function() {
  $(':button').click(function(){
  var hrefCurr = $(this).attr('data-href');
  document.getElementById('contact').submit();
  window.location.href = hrefCurr;
});

answered Jan 6, 2015 at 10:37

Pupil

24k6 gold badges49 silver badges71 bronze badges

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

3 Comments

Petru Lebada Over a year ago

sorry i forgot about window.location .. check my question again please

Pupil Over a year ago

This is dynamic done. Please read it carefully, it should work.

Jasen Over a year ago

if form.submit succeeds your javascript will stop running, do you exepct form.submit to fail?

Anand Patel · Accepted Answer · 2015-01-06 10:43:23Z

2

try this

<input class="btn" type=button name=Ok data-href="location">

$( document ).ready(function() {
   $('.btn').click(function(){

    // as you have used jQuery selector you can use it here like this 
    $('#contact').submit();   

    var location = $(this).attr("data-href");

    window.location.href  =  location;
    }); 
});

edited Jan 6, 2015 at 10:43

answered Jan 6, 2015 at 10:37

Anand Patel

3,9533 gold badges19 silver badges24 bronze badges

3 Comments

Petru Lebada Over a year ago

your answer might work,but i need it to be more particular,because i have a lot of buttons and each of them send you to different pages

Anand Patel Over a year ago

you can specify location in data-href for each button at time of clicking button it will take url of that button and redirect to that url

Jasen Over a year ago

you can specify location in the action attribute of the button.

Jasen · Accepted Answer · 2015-01-06 10:58:43Z

2

No javascript will execute after the form is submitted. form submission changes window.location and that stops the javascritpt from the old window.location from executing.

but you can fake it.

use jquery forms to submit the form (if CORS will allow that)
or have the script at the form destination do a redirect to your desired location.
or submit to the desired location and have the script there send the form data to where it should go

answered Jan 6, 2015 at 10:58

Jasen

12.5k2 gold badges37 silver badges50 bronze badges

1 Comment

Teemu Over a year ago

To be exact, you can execute some JS, since there's a delay before a new page is loaded, but the change of the location.href is blocked immediately.

dam660 · Accepted Answer · 2015-01-06 10:51:48Z

1

Something like this could do the job?

<input type='button' name='ok_btn' id='ok_btn' value='Ok'  data-href="www.bla.com/bla.php" />

$(document).ready(
    function() {
        $('#ok_btn).on('click',function(){
            // Do your stuff
            // Finally:
            window.location.replace($(this).attr('data-href'));
        });
    }
);

answered Jan 6, 2015 at 10:51

dam660

798 bronze badges

2 Comments

Teemu Over a year ago

This will work, since the form is not submitted in the snippet. It's not what OP wants though.

dam660 Over a year ago

Hm, so replace window.location... by $('#contact').attr('action',$(this).attr('data-href')); $('#contact').submit(); could do it ?

Collectives™ on Stack Overflow

Execute javascript before submit

4 Answers 4

3 Comments

3 Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

3 Comments

3 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related