How Do I Get Chrome To Work When Using $('#myForm').submit() Followed By window.location.href =

Question

In IE and FireFox, when I run this:

$('#editForm').submit();

window.location.href = "my url here";

It works. In Chrome, both lines work on their own, but running them together means that the form is not submitted. Even sticking the submit call inside an If statement with the redirect called upon success of this If statement means that it redirects without submitting.

Answer 1

You could rewrite it like so:

$('#editForm').submit(function(){
    window.open('url', 'myWindow', 'target=_blank');
});

IMHO, a more elegant solution would be:

$('#editForm').submit(function(e){
    // Prevent the form from actually submiting
    e.preventDefault();
    // Code to AJAX submit (and Validate) the form goes here
    DoSomethingAjax();
    // Open a new window
    window.open('url', 'myWindow', 'target=_blank');

});

CodePen for the first http://codepen.io/anon/pen/xgwqrE

PS

A clean and elegant solution if you would like only to redirect, would be to use backend code to redirect after the form has been submitted successfully.