y con jQuery? mira, tengo esto que encontre en una planilla en html:
header:
Código Javascript
:
Ver original<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
// <![CDATA[
jQuery(document).ready(function(){
$('#contactform').submit(function(){
var action = $(this).attr('action');
$.post(action, {
name: $('#name').val(),
email: $('#email').val(),
company: $('#company').val(),
subject: $('#subject').val(),
message: $('#message').val()
},
function(data){
$('#contactform #submit').attr('disabled','');
$('.response').remove();
$('#contactform').before('<p class="response">'+data+'</p>');
$('.response').slideDown();
if(data=='Mensaje enviado!') $('#contactform').slideUp();
}
);
return false;
});
});
// ]]>
</script>
en el body:
Código HTML:
Ver original<form action="contact.php" method="post" id="contactform"> <input id="name" name="name" class="text" /> <input id="email" name="email" class="text" /> <input id="company" name="company" class="text" /> <input id="subject" name="subject" class="text" /> <input type="image" name="imageField" id="imageField" src="Images/SEnd.gif" /> <a href="index.php"><br /> Ir a la pagina principal.
</a><br />
Eso provoca que cuando envias, haga como un slide que se suba, si es incorrecto, no se mueve, pero como jquery es una plataforma y trabaja con funciones nose como hacer para que se quede quieto xD o por lo menos, me refresque la pagina ...