Formulario: Respuesta en el interior del mismo campo

[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