[SOLUCIONADO] recojer datos de chekboxes y radio buttons desde un html a un .js y enviar con php

barrierp · #1 (**permalink**) 19/06/2013, 10:13

Hola , les cuento ,estoy hace una semana tratando de resolver algo con respecto a los chekboxes y los botones radio. El problema que tengo es que no me llegan los resultados por mail de estos botones. El formulario funciona perfectamente y llega a destino, de hecho envía una respuesta automática de recibido, pero en donde debe aparecer los datos de los chekboxes y de los radio no hay nada, llega en blanco. como se ve en la foto:

El código HTML con el formulario completo es el siguiente:

Código HTML:

Ver original<!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
  eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
  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>

Sigo abajo por que si pego aquí el php la pagina me direciona a una pagina con capcha, no se por que.

barrierp · #2 (**permalink**) 19/06/2013, 10:14

Bien, después de eso todo se chekea en un .js El siguiente:

Código Javascript:

Ver original(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;
 
        }
 
    });
})();

barrierp · #3 (**permalink**) 19/06/2013, 10:16

y finalmente , recibe un PHP que envía el mail:

Código PHP:

Ver original<?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 = "[email protected]"; 
 
// 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>";
$cuerpo .= "Enviado el: " . date('d/m/Y', time());
 
// 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 != ''){
    mail($dest,$asunto,$cuerpo,$headers); //ENVIAR!
 
//Enviando auto respuesta.
        $pfw_header = "From: [email protected]\n"
        . "Reply-To: [email protected]\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";
        
        @mail($pfw_email_to, $pfw_subject ,$pfw_message ,$pfw_header ) ;
}
?>

Aquí pongo la foto ya que mas arriba no puedo editar:

Por que me llegan los chekboxes y radio en blanco? que estaría faltando o que estoy haciendo mal?

MIL GRACIAS! DE ANTE MANO.