Codigo en enviarform.
Código PHP:
<?php
$nombre = $_POST['nombre'];
$email = $_POST['email'];
$tipo = $_POST['tipo'];
$consulta = $_POST['consulta'];
$mansaje = $_POST['mansaje'];
$mensaje = '<HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Estimado,<br><br>
<p>Le damos la bienvenida a un nuevo contacto:<br></p>
Nombra: <strong>'.$nombre.'</strong> Email: <strong>'.$email.'</strong> Cargo: <strong>'.$tipo.'</strong> Asunto: <strong>'.$consulta.'
</strong><br>
Mensaje: <strong>'.$mansaje.'</strong>
<br>
Saludos,<br>'.$nombre.'<br></BODY></HTML>';
$headers = "MIME-Version: 1.0\r\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";
$headers .= "From: $nombre <$email>\r\n";
$headers .= "Reply-To: $email\r\n";
mail("mail@localhost", "Nuevo Contacto", $mensaje, $headers);
?>
javascript
Código HTML:
$('.modal-contact form').on('submit',function(e) {
var form = $(this);
e.preventDefault();
e.stopPropagation();
if(!form.hasClass('loading')) {
form.addClass('loading');
form.find('input').removeClass('error');
$.ajax({
url: "enviarweb.php",
data: form.serialize(),
type: 'POST',
dataType: 'JSON',
success: function (response) {
form.removeClass('loading');
if (!response.result) {
$.each(response.error, function (id, input) {
form.find('[name="' + input + '"]').addClass('error');
});
} else {
form.css('opacity', 0);
form.parents().find('.success').fadeIn(300);
form.parents('.modal-contact').find('.cerrar span').html(response.close);
}
}
});
}
});
Codigo en html
Código HTML:
<a class="cerrar"><img src="images/icons/close.png" /> <span>CANCELAR</span></a>
<div class="title">Contáctanos</div>
<div class="success" style="display:none;">
<div class="big">¡Gracias por ponerte en contacto con nosotros!</div>
</div>
<form method="POST">
<div>Nombre <input name="nombre" id="nombre" type="text" placeholder="" required="required" autocomplete="off" /></div>
<div>Email <input name="email" id="email" type="email" placeholder="" required="required" autocomplete="off" /></div>
<div>Cargo <select name="tipo" id="tipo" class="custom">
<option value="gerente">gerente</option>
<option value="socio">socio</option>
<option value="otro">otro</option>
</select> Deseo <select name="consulta" id="consulta" class="custom big">
<option value="implementar un sitio web">implementar un sitio web</option>
<option value="contratar DWeb para una capana">contratar para una campaña</option>
<option value="hacer una consulta">hacer una consulta</option>
<option value="hacer una sugerencia">hacer una sugerencia</option>
<option value="dejar un mensaje">dejar un mensaje</option>
<option value="contactar a un empleado">contactar a un empleado</option>
</select>
</div>
<div><input type="text" name="mansaje" id="mansaje" placeholder="Mensaje aqui" autocomplete="off" class="big" /> </div><br>
<a class="submit">Contáctanos <span class="arrow"></span></a>
</form>
</div>
</div>