php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>formu</title> <script type="text/javascript"> function MM_jumpMenu(targ,selObj,restore){ //v3.0 if (restore) selObj.selectedIndex=0; } </script> <style type="text/css"> .nombre { } .email { } .telefono { } .localidad { } .lugardetrabajo { } .dimension { } .archivos { } .consulta { } .encuesta { } .botonenviarlo { clear: right; float: right; } .perfect { text-align: center; display: block; background-color: #3CF; width: 200px; right: auto; clip: rect(auto,auto,auto,auto); clear: left; float: left; } .perfect2 { text-align: center; display: block; clear: left; float: left; background-color: #F36; width: 400px; right: auto; clip: rect(auto,auto,auto,auto); } .transparente { display: none; } </style> </head> <body> <form method="post" name="formulariotipopresupuesto"> <div><input name="nombre" type="text" class="nombre" id="nombre" placeholder=" Nombre"/></div> <div><input name="email" type="text" class="email" placeholder=" E-Mail" /></div> <div><input name="telefono" type="text" class="telefono" placeholder=" Telefono" /></div> <div><input name="localidad" type="text" class="localidad" placeholder=" Localidad" /></div> <div> <label>Indique cual sería nuestra área de trabajo: <br /> Puede elegir más de una opción. </label></div> <div> <table width="717" class="lugardetrabajo"> <tr> <td width="251"><label> <input type="checkbox" name="lugardetrabajo[]" value="Interior de una casa."/> Interior de una casa.</label></td> </tr> <td width="454"><label> <input type="checkbox" name="lugardetrabajo[]" value="Local de comidas (Ej. Pizzería, rotisería, heladería)"/> Local de comidas (Ej. Pizzería, rotisería, heladería)</label></td> </tr> <tr> <td><label> <input type="checkbox" name="lugardetrabajo[]" value="Exterior de una casa (Ej. jardín)."/> Exterior de una casa (Ej. jardín).</label></td> <td><label> <input type="checkbox" name="lugardetrabajo[]" value="Un negocio (Ej. Maxi quiosco, ferretería)"/> Un negocio (Ej. Maxi quiosco, ferretería)</label></td> </tr> <tr> <td><label> <input type="checkbox" name="lugardetrabajo[]" value="Casa y jardín completos."/> Casa y jardín completos.</label></td> <td><label> <input type="checkbox" name="lugardetrabajo[]" value="Un salón (Ej. Iglesia, salón de fiestas)"/> Un salón (Ej. Iglesia, salón de fiestas)</label></td> </tr> <tr> <td><label> <input type="checkbox" name="lugardetrabajo[]" value="Un techo."/> Un techo.</label></td> <td><label> <input type="checkbox" name="lugardetrabajo[]" value="Escuela o Institución (Ej. Colegio, Jardín de infantes)"/> Escuela o Institución (Ej. Colegio, Jardín de infantes)</label></td> </tr> </table> </div> <label>De qué tamaño aproximado considera que es el total del lugar a tratar:</label> <div> <table width="218" class="dimension"> <tr> <td><label> <input type="radio" name="dimension" value="Grande"/> Grande.</label></td> </tr> <tr> <td><label> <input type="radio" name="dimension" value="Mediano"/> Mediano</label></td> </tr> <tr> <td><label> <input type="radio" name="dimension" value="Chico"/> Chico.</label></td> </tr> </table> </div> <label>Si lo desea puede enviarnos una foto del lugar o la plaga que lo esté afectando. De esta forma el presupuesto puede ser más detallado:</label> <div><input name="enviarfoto" type="file" class="archivos" /></div> <div><textarea name="consulta" cols="" rows="" class="consulta" placeholder=" Consulta..."></textarea></div> <label>Como conoció nuestra web?</label> <div><select name="encuesta" id="encuesta" class="encuesta" > <option>-Por Facebook.</option> <option>-A traves de otra web.</option> <option>-Por revista publicitaria.</option> <option>-Buscando en Google</option> <option selected="selected">-Elija una respuesta...</option> </select></div> <div id="perfecto" class="perfect" style="display:none">enviado! </div> <div id="road" class="perfect2 transparente" >pensando... </div> <button class="botonenviarlo">ENVIAR CONSULTA</button> </form> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> <script type="text/javascript" src="scripts/funcionesdos.js"></script> </body> </html>
javascript
(function(){ $(".botonenviarlo").click(function() { var check = $("input[type='checkbox']:checked").length; var radio = $("input[type='radio']:checked").length; var nombre = $(".nombre").val(); email = $(".email").val(); validacion_email = /^[a-zA-Z0-9_\.\-] @[a-zA-Z0-9\-] \.[a-zA-Z0-9\-\.] $/; telefono = $(".telefono").val(); localidad= $(".localidad").val(); consulta = $(".consulta").val(); encuesta= $(".encuesta").val(); if (nombre == "") { $(".nombre").focus(); return false; }else if(email == "" || !validacion_email.test(email)){ $(".email").focus(); return false; }else if(telefono == ""){ $(".telefono").focus(); return false; }else if(localidad == ""){ $(".localidad").focus(); return false; }else if(consulta == ""){ $(".consulta").focus(); return false; }else{ $('.perfect2').removeClass('transparente'); var datos = 'nombre=' nombre '&email=' email '&encuesta=' encuesta '&check=' check '&telefono=' telefono '&consulta=' consulta '&localidad=' localidad ; $.ajax({ type: "POST", url: "envio.php", data: datos, success: function() { $('.perfect2').hide(); $('#perfecto').delay(500).fadeIn('slow'); $('form[name=formulariotipopresupuesto]').get(0).reset(); $('#perfecto').delay(5000).fadeOut('slow'); }, error: function() { $('#fracaso').delay(500).fadeIn('slow'); } }); return false; } }); })();
php
<?php // Guardar los datos recibidos en variables: $nombre = $_POST['nombre']; $email = $_POST['email']; $telefono = $_POST['telefono']; $localidad = $_POST['localidad']; $encuesta = $_POST['encuesta']; $consulta = $_POST['consulta']; $lugardetrabajo= $_POST['lugardetrabajo']; $dimension= $_POST['dimension']; // Definir el correo de destino: $dest = "barriercontroldeplagas@gmail.com"; // Estas son cabeceras que se usan para evitar que el correo llegue a SPAM: $headers = "From: $nombre <$email>\r\n"; $headers .= "X-Mailer: PHP5\n"; $headers .= 'MIME-Version: 1.0' . "\n"; $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; // Aqui definimos el asunto y armamos el cuerpo del mensaje $asunto = "Consulta desde formulario BARRIER web site."; $cuerpo = "Este mensaje fue enviado por ".$nombre."<br>"; $cuerpo .= "Su Email es: ".$email."<br>"; $cuerpo .= "Numero de telefono: ".$telefono."<br>"; $cuerpo .= "Vive en: ".$localidad."<br>"; $cuerpo .= "Como conocio la pagina web? ".$_POST['encuesta'] . "<br>"; $cuerpo .= "El lugar a tratar es: ".$lugardetrabajo."<br>"; $cuerpo .= "Considera el cliente que el total del lugar es: ".$dimension. "<br>"; $cuerpo .= "Consulta: ".$consulta. "<br>"; // Esta es una pequena validación, que solo envie el correo si todas las variables tiene algo de contenido: if($nombre != '' && $email != '' && $telefono != '' && $encuesta != '' && $consulta != ''){ //Enviando auto respuesta. $pfw_header = "From: barriercontroldeplagas@gmail.com\n" . "Reply-To: barriercontroldeplagas@gmail.com\n"; $headers = "From: $nombre <$email>\r\n"; $pfw_subject = "Tu consulta fue recibida"; $pfw_email_to = "$email"; // Estas son cabeceras que se usan para evitar que el correo llegue a SPAM: $headers = "From: $nombre <$email>\r\n"; $headers .= "X-Mailer: PHP5\n"; $headers .= 'MIME-Version: 1.0' . "\n"; $headers .= 'Content-type: text/html; charset=iso-8859-1' . "\r\n"; $pfw_message = "Muchas Gracias $nombre por contactar con BARRIER Control De Plagas\n" . "Tu consulta fue recibida satisfactoriamente. \n" . "Nos pondremos en contanto contigo lo antes posible a tu E-mail: $email \n" . "Si no respondemos por e-mail nos comunicaremos al: $telefono \n" . " \n" . "--------------------------------------------------------------------------\n" . "Por favor de NO responda este mensaje ya que es generado Automaticamente.\n" . "BARRIER-Control De Plagas.\n" . "Tel: (011) 4233-7274.\n" . "www.barrierplagas.com.ar.\n"; } ?>