Redirect after form POST

Question

I am working on saving information submitted through a form to parse.com and then redirecting to an alternate page once complete. I have the POST working correctly but cannot find the easiest way to redirect to the new page. Here is my code:

 <script>
        function validateForm() {
        Parse.initialize("1oFe8znPN2CwcEj14eIYaIOuxGtW35ZpmOazlG3H", "fJhaxIenhcwAdp66T14LKw4OukJ3lG6DLpkq1JVV");
        var TestObject = Parse.Object.extend("iOS");
var testObject = new TestObject();
  testObject.save({Phone: document.forms["appForm"]["phone"].value },{
  success: function(object) {
    $(".success").show();
  },
  error: function(model, error) {
    $(".error").show();
  }
});}

and

            <input type="text"  name="phone" id="contact_email"  class=" form-control input-email" placeholder="Phone Number">

            <input type="submit" id="sendingbtn" class="btn" value="Submit">

I had onclick="location.href='appsuccess.html';" in the submit input but it would push sometimes before the POST. Any suggestions? Thanks

changing `window.location` will force a page redirect. `window.location = 'your url here';` — r3wt, Aug 12 '15 at 03:36
instead of putting the redirect on onclick, put it inside success. — Ray, Aug 12 '15 at 03:37

score 1 · Answer 1 · edited May 23 '17 at 12:22

1

What about using

window.location.href = 'http://redirecturl/';

in the success function? (How to redirect to another webpage in JavaScript/jQuery?)

edited May 23 '17 at 12:22

Community

1
1

answered Aug 12 '15 at 03:37

Keith M

1,199
2
18
38

score 1 · Answer 2 · answered Aug 12 '15 at 03:45

Since you display a success message on your page, so I would suggest redirecting the user after a delay using setTimeout. The timeout should be initiated after the post returns successfully. So, you should modify your success function to be:

function(object) {  
  $(".success").show();  
  window.setTimeout(function() {  
    location.href = "appsuccess.html";  
  }, 1500);  
}

This will cause the site to redirect after a 1.5 second delay. You can adjust the timing as needed for the effect you want. Documentation on setTimeout: https://developer.mozilla.org/en-US/docs/Web/API/WindowTimers/setTimeout

Redirect after form POST

2 Answers2