jquery form submission (non-AJAX) callback not working

Asked Dec 05 '13 at 16:19

Active Dec 05 '13 at 16:39

Viewed 290 times

I need to submit my form with an external button as follows and need to redirect the page after submit is success. The code below does not work and I am not using any AJAX for this.

// CODE 1: THIS DOES NOT WORK
$("#myButton").click(function(){ 

   $("#myForm").submit(function(){
        window.location.href = "test.jsp";
   });  
});

However, if I use some time delay as follow, it works:

// CODE 2: THIS WORKS
$("#myButton").click(function(){ 
    $("#myForm").submit();
    setTimeout(function(){
    window.location.href = "test.jsp";
   }, 2000);
});

Whenever there is a delay about 2 seconds between the submit() and redirection, everything works. But, I can not use the timer here and form submit call back is not working.

Can anyone tell me how can I solve it?

asked Dec 05 '13 at 16:19

jeewan

1,597
5
23
40

in your first code, you are setting submit handler without firing it – A. Wolff Dec 05 '13 at 16:25
your first code logically doesn't make sense, if you intended for it to perform a submit. – Kevin B Dec 05 '13 at 16:27
any idea what the code should be like? – jeewan Dec 05 '13 at 16:27

jquery form submission (non-AJAX) callback not working

0 Answers0