How do I prevent form from redirecting after submission?

Question

I have searched the site and I've found various solutions, most of them suggesting using

return false;

Problem is that I'm using this piece of code to submit the form:

$(function() {  
    $("#snd").click(function() {  
        var dendar = "http://" + $("#inpt").val() + ":" + $("#pwd").val() + "secretsite.lol/something.xml";
        $("#formen").attr("action", dendar);
        $("#formen").submit();
        alert(dendar);
        return false;
    });  
});

The alert is just there to let me know that the form has been submitted..

Thanks guys!

Answer 1

You must return false within the submit() call's event handler, not the click handler.

$("#formen").attr("action", dendar); $("#formen").submit(
   function() { 
      return false;
   }
);

As pointed out by others, this will stop the form from submitting at all. What you want to do is collect the form data and submit it using an Ajax-call.

$.post( url, { var1: value1, var2: value2 etc... });

Answer 2

What about just using an AJAX call with POST to a data handler? That sounds like what you want.

Answer 3

You can't prevent a redirect, but you can submit the form into a (possibly hidden) iframe so you don't leave the current page

Ajax would be better if the post is to the same server as the current page and you aren't posting file data

Answer 4

Using jquery 1.4:

$("#formen").live("submit",function(e) {  
   e.preventDefault();
}

This will prevent the form from actually submitting. Then you're free to do whatever with the data that was supposed to be posted (use ajax, print something on the page...).