Ver Mensaje Individual
  #2 (permalink)  
Antiguo 19/06/2013, 10:14
barrierp
(Desactivado)
 
Fecha de Ingreso: mayo-2013
Ubicación: lejos
Mensajes: 31
Antigüedad: 11 años
Puntos: 0
Respuesta: recojer datos de chekboxes y radio buttons desde un html a un .js y enviar

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

Código Javascript:
Ver original
  1. (function(){
  2.     $(".botonenviarlo").click(function() {
  3.  
  4.         var check = $("input[type='checkbox']:checked").length;
  5.         var radio = $("input[type='radio']:checked").length;
  6.  
  7.         var nombre = $(".nombre").val();
  8.             email = $(".email").val();
  9.             validacion_email = /^[a-zA-Z0-9_\.\-]+@[a-zA-Z0-9\-]+\.[a-zA-Z0-9\-\.]+$/;
  10.             telefono = $(".telefono").val();
  11.         localidad= $(".localidad").val();
  12.         consulta = $(".consulta").val();
  13.             encuesta= $(".encuesta").val();
  14.            
  15.  
  16.         if (nombre == "") {
  17.             $(".nombre").focus();
  18.             return false;
  19.         }else if(email == "" || !validacion_email.test(email)){
  20.             $(".email").focus();    
  21.             return false;
  22.         }else if(telefono == ""){
  23.             $(".telefono").focus();
  24.             return false;
  25.         }else if(localidad == ""){
  26.             $(".localidad").focus();
  27.             return false;
  28.         }else if(consulta == ""){
  29.             $(".consulta").focus();
  30.             return false;
  31.          }else{
  32.              
  33.             $('.perfect2').removeClass('transparente');
  34.                    
  35. var datos = 'nombre='+ nombre + '&email=' + email + '&encuesta=' + encuesta + '&check=' + check + '&telefono=' + telefono + '&consulta=' + consulta + '&localidad=' + localidad ;
  36. $.ajax({
  37.     type: "POST",
  38.     url: "envio.php",
  39.     data: datos,
  40.     success: function()
  41.     {  
  42.          $('.perfect2').hide();
  43.          $('#perfecto').delay(500).fadeIn('slow');
  44.          $('form[name=formulariotipopresupuesto]').get(0).reset();
  45.          $('#perfecto').delay(5000).fadeOut('slow');     
  46.     },
  47.     error: function() {
  48.         $('#fracaso').delay(500).fadeIn('slow');          
  49.     }
  50. });
  51. return false;
  52.  
  53.         }
  54.  
  55.     });
  56. })();