Ver Mensaje Individual
  #1 (permalink)  
Antiguo 03/09/2013, 04:18
pablobarcos
 
Fecha de Ingreso: abril-2010
Mensajes: 4
Antigüedad: 14 años, 7 meses
Puntos: 0
Formulario de contacto

Buenas me he descargado un plantilla HtML5 y logro hacer funcionar el formu de cotacto. Aqui el codigo html:
<div class="row">
<div class="span9">

<form id="contact-form" class="contact-form" action="_include/php/contact.php">
<p class="contact-name">
<input id="contact_name" type="text" placeholder="Nombre" value="" name="name" />
</p>
<p class="contact-email">
<input id="contact_email" type="text" placeholder="Correo Electrónico" value="" name="email" />
</p>
<p class="contact-message">
<textarea id="contact_message" placeholder="Mensaje" name="message" rows="15" cols="40"></textarea>
</p>
<p class="contact-submit">
<a id="contact-submit" class="submit" href="#">ENVIAR EMAIL</a>
</p>

<div id="response">

</div>
</form>

</div>


Ahora el PHP

<?php
/*
* Contact Form Class
*/


header('Cache-Control: no-cache, must-revalidate');
header('Expires: Mon, 26 Jul 1997 05:00:00 GMT');
header('Content-type: application/json');

$admin_email = '[email protected]'; // Your Email
$message_min_length = 5; // Min Message Length


class Contact_Form{
function __construct($details, $email_admin, $message_min_length){

$this->name = stripslashes($details['name']);
$this->email = trim($details['email']);
$this->subject = 'Mensaje desde la pagina web'; // Subject
$this->message = stripslashes($details['message']);

$this->email_admin = $email_admin;
$this->message_min_length = $message_min_length;

$this->response_status = 1;
$this->response_html = '';
}


private function validateEmail(){
$regex = '/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i';

if($this->email == '') {
return false;
} else {
$string = preg_replace($regex, '', $this->email);
}

return empty($string) ? true : false;
}


private function validateFields(){
// Check name
if(!$this->name)
{
$this->response_html .= '<p>Ingrese su nombre</p>';
$this->response_status = 0;
}

// Check email
if(!$this->email)
{
$this->response_html .= '<p>Ingrese una dirección de email</p>';
$this->response_status = 0;
}

// Check valid email
if($this->email && !$this->validateEmail())
{
$this->response_html .= '<p>Ingrese una dirección de email válida</p>';
$this->response_status = 0;
}

// Check message length
if(!$this->message || strlen($this->message) < $this->message_min_length)
{
$this->response_html .= '<p>Por favor ingrese un mensaje. Este deberia se mayor a'.$this->message_min_length.' caracteres</p>';
$this->response_status = 0;
}
}


private function sendEmail(){
$mail = mail($this->email_admin, $this->subject, $this->message,
"From: ".$this->name." <".$this->email.">\r\n"
."Reply-To: ".$this->email."\r\n"
."X-Mailer: PHP/" . phpversion());

if($mail)
{
$this->response_status = 1;
$this->response_html = '<p>Muchas gracias, nos contactaremos en breve!</p>';
}
}


function sendRequest(){
$this->validateFields();
if($this->response_status)
{
$this->sendEmail();
}

$response = array();
$response['status'] = $this->response_status;
$response['html'] = $this->response_html;

echo json_encode($response);
}
}


$contact_form = new Contact_Form($_POST, $admin_email, $message_min_length);
$contact_form->sendRequest();

?>

Aqui el codigo JS
BRUSHED.contactForm = function(){
$("#contact-submit").on('click',function() {
$contact_form = $('#contact-form');

var fields = $contact_form.serialize();

$.ajax({
type: "POST",
url: "_include/php/contact.php",
data: fields,
dataType: 'json',
success: function(response) {

if(response.status){
$('#contact-form input').val('');
$('#contact-form textarea').val('');
}

$('#response').empty().html(response.html);
}
});
return false;
});
}