Prevent redirect after form is submitted

Question

I have an HTML form that submits an email with PHP, and when it submits, it redirects to that PHP page. Is there a way to prevent this redirect from happening? I built an animation with jQuery that I want to occur instead of redirecting. I tried return false;, but it wouldn't work. Here's my function:

$(function() {     $('.submit').click(function() {         $('#registerform').submit();         return false;     });  }); 

Here's the opening form tag:

<form id="registerform" action="submit.php" method="post"> 

And the submit button:

<input type="submit" value="SUBMIT" class="submit" /> 

Answer 1

You should post it with ajax, this will stop it from changing the page, and you will still get the information back.

$(function() {     $('form').submit(function() {         $.ajax({             type: 'POST',             url: 'submit.php',             data: { username: $(this).name.value,                      password: $(this).password.value }         });         return false;     });  }) 

See Post documentation for JQuery

Answer 2

Instead of return false, you could try event.preventDefault(); like this:

$(function() { $('#registerform').submit(function(event) {     event.preventDefault();     $(this).submit();     });  });