Formulario: Respuesta en el interior del mismo campo

[midlox17]

Hola:
Siento si ya se ha comentado esto por el foro, pero el buscador me falla y no lo encuentro.

Tengo un formulario que me va de lujo, pero con el incordio de que el mensaje de error o de "Ok" me sale en una ventana nueva sobre el fondo blanco. ¿Cómo puedo hacer para que el mensaje de error o de "ok" me salga en el mismo campo donde se rellenó el formulario?

Esta es la web: pablobasagoiti.es/index2

Muchas Gracias. Espero vuestras opiniones.

[rottenp4nx]

Puedes usar AJAX y traer texto plano o un objeto JSON

Te dejo un link:

http://www.cristalab.com/tutoriales/...-jquery-c226l/

Saludos, cualquier duda consulta :)

[midlox17]

Hola:

Gracias por responder. He intentado meter pero no sé que he tocado del código que ahora me llega el mail, pero lo hace vacío, no me llega con la info. a ver si me podéis ayudar, "please".

Código PHP:

<?php 
//comenzamos recogiendo los datos
function recogeDato($campo){ 
return isset($_REQUEST[$campo])?$_REQUEST[$campo]:'';
} //la función recogeDatos comprueba si se ha recibido un dato y recoge su valor
 
//si no se ha recibido, le asigna un valor vacío.
 $email1 = recogeDato('email');
 
$algunerror = FALSE;
 
//una vez recogidos, los validamos (campos obligatorios, etc...)
if($email1==''){ //validamos los que el email no esté vacio
$algunerror = TRUE; //si encontramos un error,mostramos un mensaje
echo "<p class=\"erroneo\">No has introd</p>\n";
} 
 
else{
$para="[email protected]"; //si todo es correcto, enviamos el correo
$asunto="Base Datos Web".$referente;
$mensaje="Datos del formulario de contacto:\n". //creamos el mensaje con los datos
"email:".$email1."\n".
mail($para, $asunto, $mensaje); //y lo enviamos
echo "<p>Tu mensaje se ha enviado correctamente. Gracias por contactar con nosotros.</p>\n";
}
?>
 

Código HTML:

<div class="formulario">
                 <form action="php/formulario.php" method="post" >  
                 <input class="white" type="text" align="middle" name="email" />    
                 <input class="boton" type="image" src="img/boton_mail-04.png"  align="middle" />                       
               </form>     
          </div>
 

No sé donde está el error, porque todos los atributos, que yo vea, tienen el mismo name.

Gracias, espero vuestros consejos.

[rottenp4nx]

Si usas HTML5

Código HTML:

<div class="formulario">
* * * * * * * * *<form id="formularioContacto" method="post" > *
* * * * * * * * *<input class="white" type="email" required align="middle" name="email" /> * *
* * * * * * * * *<input class="boton" type="image" src="img/boton_mail-04.png" *align="middle" /> * * * * * * * * * * * 
* * * * * * * *</form>
<div id="respuestaFormulario"></div> 
* * * * * </div>
 

Código PHP:

<?php
if(!empty($_POST['email'])){
   //recogemos los datos y lo enviamos
   if(mail(...)){
       echo "Mail enviado correctamente"
   }
   else{
       echo "Error al enviar mail";
   }
}else{
   echo "Campo obligatorio";
}
?>
 

Código Javascript:

var x = $(document);
x.ready(function(){
      var formulario = $("#formularioContacto");
      formulario.submit(enviarFormulario);
});
 
function enviarFormulario(e){
  e.preventDefault();
  var x = $("#formularioContacto").serialize();
  $.ajax({
            type:'POST',
            url: 'php/formulario.php',
            data: x,
            beforeSend: function(){
                $("#respuestaFormulario").html("Enviando...");
            },
            success: function(datos){
                $("#respuestaFormulario").html(datos);
            }
        });
}
 

Cualquier duda o error coméntalo, saludos