Ver Mensaje Individual
  #5 (permalink)  
Antiguo 10/08/2014, 17:10
nimaki25
 
Fecha de Ingreso: noviembre-2010
Mensajes: 131
Antigüedad: 13 años, 4 meses
Puntos: 1
Respuesta: que al mandar el formulario no se salga de la pagina

si es como lo entendi, necesitas usar ajax....yo lo tengo implementado asi:
en un archivo .js , tengo el siguient codigo:
Código Javascript:
Ver original
  1. $(document).ready(function(){
  2. $("#formularioPrincipal").validate({
  3.     /*Declaramos las reglas de validacion
  4.         *Reglas:
  5.         *required:true -> Campo Requerido
  6.         *maxlength:2 -> Maximo de Caracteres (Se debe crear el mensaje en 'messages')
  7.         *minlength:2 -> Minimo de Caracteres (Se debe crear el mensaje en 'messages')
  8.         *
  9.         */
  10.     debug: false,
  11.     rules:{
  12.             nombre:{required:true},//validacion para el input nombre
  13.             telefono:{required:true},//validacion para el input telefono
  14.             correo:{required:true, email:true},//validacion para el input email
  15.             asunto:{required:true},//validacion para el Select Asunto
  16.             mensaje:{required:true},//validacion para el input comentario
  17.             captcha:{required:true, maxlength:4,minlength:4 }//validacion para el input captcha
  18.         },
  19.         //Mensajes para las validaciones
  20.         messages:{
  21.             nombre:{ required:"Debe Ingresar su Nombre"},//Mensaje para el input nombre
  22.             telefono:{ required:"Debe Ingresar Numero Telefonico"},//Mensaje para el input Telefono
  23.             correo:{ required:"Debe Ingresar Email", email:"Email no Valido"},//Mensaje para el input email
  24.             asunto:{ required:"Debe Seleccionar Asunto"},//Mensaje para el Select Asunto
  25.             mensaje:{ required:"Debe Ingresar Comentario o Consulta"},//Mensaje para el input comentario
  26.             captcha:{ required:"Debe Ingresar Codigo de Seguridad",minlength:"Debe ingresar los 4 carcteres",
  27.              maxlength:"Solo 4 caracteres"}//Mensaje para el input captcha
  28.         },
  29.  
  30. submitHandler: function(form) {
  31. // do other stuff for a valid form
  32. $.post('inc/envia_form_principal.php', $("#formularioPrincipal").serialize(),
  33. function(data) {
  34.    
  35. $('#resultado').html(data);
  36. /*$('#resultado').fadeOut(5000);*/
  37.  
  38. });
  39. $("#formularioPrincipal")[0].reset(); //Resetea el Formulario
  40. }
  41.  
  42. });
  43. });

y en la pagina donde esta el form:
Código HTML:
Ver original
  1. <!--Resultado del Formulario-->
  2.                 <div id="resultado" class="col-lg-12">
  3.                 <!--Aca se mostrara el mensaje que esta en el archivo php-->
  4.                 </div>
  5.  
  6. <div id="formularioContacto" class="col-lg-12">
  7.                 <form method="post" action="tuarchivoprocesaformulario.php"  id="formularioPrincipal">

saludos