Gracias! Os copio todo:
index.html
Código HTML:
Ver original<form id="register-form" method="post" onSubmit="_gaq.push(['_trackEvent', 'Landing', 'Submit']);" > <input type="text" name="email" placeholder="Tu email" /> <input type="text" name="name" placeholder="Tu nombre" /> <input type="text" name="phone" placeholder="Número de teléfono" /> <input type="submit" name="submit" value="Quiero saber más sobre esta oferta" class="btn" />
register.php
Código PHP:
Ver original<?php
if(isset($_POST['action'])) { // Checking for submit form if($_POST['action']=='add') {
$pattern = '/^[^\W][a-zA-Z0-9_]+(\.[a-zA-Z0-9_]+)*\@[a-zA-Z0-9_]+(\.[a-zA-Z0-9_]+)*\.[a-zA-Z]{2,4}$/';
if($phone==""){
echo "error|Por favor, introduce tu número de teléfono";
}
if($email != "" && $name != "" && $name != "") {
$messages = "Has recibido una solicitud de información de: " . $name . "\r\n" . "Puedes responder directamente a este email o llamarle al siguiente número de teléfono: " . $phone;
$headers = "From: " . $email . "\r\n";
foreach($my_emails as $my_email) mail($my_email, $subject, $messages, $headers); echo "success| ¡Muchas gracias! En breve nos pondremos en contacto contigo";
} else {
echo "eerror|Por favor, introduce una dirección de email válida";
}
} else {
echo "error| Por favor, rellena todos los campos";
}
}
} else { // Submit form false
header("Location: index.html"); }
?>
main.js
Código Javascript
:
Ver original// Register form process function
$("#register-form").submit(function() {
var submitData = $(this).serialize();
var $email = $(this).find("input[name='email']");
var $name = $(this).find("input[name='name']");
var $phone = $(this).find("input[name='phone']");
var $submit = $(this).find("input[name='submit']");
var output = '';
$email.attr('disabled','disabled');
$name.attr('disabled','disabled');
$phone.attr('disabled','disabled');
$submit.attr('disabled','disabled');
$.ajax({ // Send an offer process with AJAX
type: "POST",
url: "register.php",
data: submitData + "&action=add",
dataType: "html",
success: function(msg){
if(parseInt(msg, 0) !== 0) {
var msg_split = msg.split("|");
if(msg_split[0] === "success") {
$email.val('').removeAttr('disabled');
$name.val('').removeAttr('disabled');
$phone.val('').removeAttr('disabled');
$submit.removeAttr('disabled');
output += '<div class="submit-status submit-status-success">' + msg_split[1] + '</div>';
$("body").prepend(output).find(".submit-status").hide().slideDown().delay(4000).slideUp(function() { $(this).remove(); });
} else {
$email.removeAttr('disabled');
$name.removeAttr('disabled');
$phone.removeAttr('disabled');
$submit.removeAttr('disabled');
output += '<div class="submit-status submit-status-error">' + msg_split[1] + '</div>';
$("body").prepend(output).find(".submit-status").hide().slideDown().delay(4000).slideUp(function() { $(this).remove(); });
}
}
}
});
return false;
});