que al mandar el formulario no se salga de la pagina

[20113784]

Tengo un formulario y quisiera que al mandarlo me aparezca un mensaje de gracias en el mismo sitio del formulario sin que se vaya al .php como por ejemplo el que se encuentra la final de esta pagina...

http://www.rleonardi.com/interactive-resume/

como lo hago?

[quimfv]

No es un problema de php.
El action del formulario puedes poner el mismo archivo que contiene el formulario, luego se recargara, ahora si en php compruebas si has recibido el formulario y lo agradeces.

[20113784]

pero el action debe tener siempre la dirección de un .php, no? y tengo el form en un html. no se mucho de esto, así que si tienes un tutorial o algún código te lo agradecería.

[quimfv]

Por que no pones el formulario en un php

[nimaki25]

si es como lo entendi, necesitas usar ajax....yo lo tengo implementado asi:
en un archivo .js , tengo el siguient codigo:

Código Javascript:

$(document).ready(function(){
$("#formularioPrincipal").validate({
    /*Declaramos las reglas de validacion
        *Reglas: 
        *required:true -> Campo Requerido
        *maxlength:2 -> Maximo de Caracteres (Se debe crear el mensaje en 'messages')
        *minlength:2 -> Minimo de Caracteres (Se debe crear el mensaje en 'messages')
        *
        */
    debug: false,
    rules:{
            nombre:{required:true},//validacion para el input nombre
            telefono:{required:true},//validacion para el input telefono
            correo:{required:true, email:true},//validacion para el input email
            asunto:{required:true},//validacion para el Select Asunto
            mensaje:{required:true},//validacion para el input comentario
            captcha:{required:true, maxlength:4,minlength:4 }//validacion para el input captcha
        },
        //Mensajes para las validaciones
        messages:{
            nombre:{ required:"Debe Ingresar su Nombre"},//Mensaje para el input nombre
            telefono:{ required:"Debe Ingresar Numero Telefonico"},//Mensaje para el input Telefono
            correo:{ required:"Debe Ingresar Email", email:"Email no Valido"},//Mensaje para el input email
            asunto:{ required:"Debe Seleccionar Asunto"},//Mensaje para el Select Asunto
            mensaje:{ required:"Debe Ingresar Comentario o Consulta"},//Mensaje para el input comentario
            captcha:{ required:"Debe Ingresar Codigo de Seguridad",minlength:"Debe ingresar los 4 carcteres",
             maxlength:"Solo 4 caracteres"}//Mensaje para el input captcha
        },
 
submitHandler: function(form) {
// do other stuff for a valid form
$.post('inc/envia_form_principal.php', $("#formularioPrincipal").serialize(), 
function(data) {
    
$('#resultado').html(data);
/*$('#resultado').fadeOut(5000);*/
 
});
$("#formularioPrincipal")[0].reset(); //Resetea el Formulario
}
 
});
});
 

y en la pagina donde esta el form:

Código HTML:

<!--Resultado del Formulario-->
                <div id="resultado" class="col-lg-12">
                <!--Aca se mostrara el mensaje que esta en el archivo php-->
                </div>
 
<div id="formularioContacto" class="col-lg-12">
                <form method="post" action="tuarchivoprocesaformulario.php"  id="formularioPrincipal">
 

saludos