Foros del Web » Programando para Internet » Jquery »

Envio de datos a formulario PHP con JQUERY

 Estas en el tema de Envio de datos a formulario PHP con JQUERY en el foro de Jquery en Foros del Web. Tengo un formulario index.htm <body background=""> <div id="reg_form"> <form name="formularioContacto" action=""> <table align="center" class="formulario"> <tr><td class="izquierda" style="height: 26px">RFC:</td> <td style="height: 26px"> <input type="text" name="rfc" id="rfc" ...
  #1 (permalink)  
Antiguo 16/05/2010, 09:23
 
Fecha de Ingreso: enero-2010
Mensajes: 43
Antigüedad: 14 años, 3 meses
Puntos: 0
Envio de datos a formulario PHP con JQUERY
Tengo un formulario

index.htm
<body background="">
<div id="reg_form">
<form name="formularioContacto" action="">
<table align="center" class="formulario">
<tr><td class="izquierda" style="height: 26px">RFC:</td>
<td style="height: 26px">
<input type="text" name="rfc" id="rfc" size="25" style="height: 22px" onblur="vrfc()" /><br />
<div id="rfcad" style="font-size:8pt;font-family:Arial, Helvetica, sans-serif;color:red;text-align:right;" class="error">
Favor de escribir su RFC</div>
</td></tr>
<tr>
<td class="izquierda">&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="izquierda">Nombre:</td>
<td><input name="nombre" type="text" size="25" id="nombre" onblur="vnombre()" /><br />
<div id="nombread" style="font-size:8pt;font-family:Arial, Helvetica, sans-serif;color:red;text-align:right;" class="error">
Favor de proporcionar su nombre</div></td>
</tr>
<tr><td class="izquierda">Puesto:</td><td><input type="text" name="puesto" size="25" id="puesto" onblur="vpuesto()" /><br />
<div id="puestoad" style="font-size:8pt;font-family:Arial, Helvetica, sans-serif;color:red;text-align:right;" class="error">
Es necesario que proporcione su puesto</div></td></tr>
<tr><td class="izquierda">Nombre de la Empresa:</td><td><input type="text" name="nomemp" size="25" id="nomemp" onblur="vnomemp()" /><br />
<div id="nomempad" style="font-size:8pt;font-family:Arial, Helvetica, sans-serif;color:red;text-align:right;" class="error">
Por favor indique el nombre de su empresa</div></td></tr>
<tr><td class="izquierda">Razón Social:</td><td><input type="text" name="rasoc" size="25" id="rasoc" onblur="vrasoc()" /><br />
<div id="rasocad" style="font-size:8pt;font-family:Arial, Helvetica, sans-serif;color:red;text-align:right;" class="error">
Por favor indique la razon social de su empresa</div></td></tr>
<tr><td class="izquierda">&nbsp;</td>
<td><label>
<input name="chematriz" type="checkbox" id="chematriz" value="matriz" />
Matriz
<input name="chematriz" type="checkbox" id="chematriz" value="sucursal" />
Sucursal
</label></td>
</tr>
<tr><td class="izquierda">Domicilio:</td><td><input type="text" name="domicilio" id="domicilio" size="25"/></td></tr>
<tr><td class="izquierda">Colonia:</td><td><input type="text" name="colonia" id="colonia" size="25"/></td></tr>
<tr><td class="izquierda">Municipio:</td><td><input name="municipio" id="municipio" type="text" size="25" /></td></tr>
<tr>
<td class="izquierda">Ciudad:</td>
<td><label>
<input name="ciudad" id="ciudad" type="text" size="25" />
</label></td>
</tr>
<tr>
<td class="izquierda">Estado:</td>
<td><label>
<input name="estado" id="estado" type="text" size="25" />
</label></td>
</tr>
<tr>
<td class="izquierda">Pais:</td>
<td><label>
<input name="pais" id="pais" type="text" size="25" />
</label></td>
</tr>
<tr>
<td class="izquierda">C.P.</td>
<td><label>
<input name="cp" id="cp" type="text" size="6" maxlength="6" />
</label></td>
</tr>
<tr>
<td class="izquierda">Telefono Casa:</td>
<td>
<label>
<input name="telcasa" id="telcasa" type="text" size="15" />
</label></td>
</tr>
<tr>
<td class="izquierda">Telefono Oficina: </td>
<td><label>
<input name="telofi" id="telofi" type="text" size="25" />
</label></td>
</tr>
<tr>
<td class="izquierda">Celular:</td>
<td><label>
<input name="cel" id="cel" type="text" size="25" />
</label></td>
</tr>
<tr>
<td class="izquierda">Fax:</td>
<td><label>
<input name="fax" id="fax" type="text" size="25" />
</label></td>
</tr>
<tr>
<td class="izquierda">E-mail:</td>
<td><label>
<input name="email" type="text" size="25" id="email" onblur="vemail()" />
</label><br />
<div id="emailad" style="font-size:8pt;font-family:Arial, Helvetica, sans-serif;color:red;text-align:right;" class="error">
Favor de escribir su e mail</div>
</td>
</tr>
<tr>
<td class="izquierda">E-mail Empresa: </td>
<td><label>
<input name="emailempresa" id="emailempresa" type="text" size="25" />
</label></td>
</tr>
<tr>
<td class="izquierda">Pagina Web: </td>
<td><label>
<input name="web" id="web" type="text" size="25" />
</label></td>
</tr>
<tr>
<td class="izquierda">Giro de la Empresa: </td>
<td><label>
<input name="tesp" id="tesp" type="checkbox" id="tesp" value="tienda especializada" />
Tienda Especializada<br />
<input name="tdep" type="checkbox" id="tdep" value="tienda departamental" />
Tienda Departamental<br />
<input name="decyreg" type="checkbox" id="decyreg" value="decoracion y regalos" />
Decoracion y Regalos<br />
<input name="mayorista" type="checkbox" id="mayorista" value="mayorista" />
Mayorista (incluye intermediarios)<br />
<input name="construc" type="checkbox" id="construc" value="construccion" />
Construccion <br />
<input name="resta" type="checkbox" id="resta" value="restaurant" />
Restaurant / Bar<br />
<input name="hotel" type="checkbox" id="hotel" value="hotel" />
Hotel</label></td>
</tr>
<tr>
<td class="izquierda"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="izquierda">Productos que mas le interesan: </td>
<td><label>
<input name="infantil" type="checkbox" id="infantil" value="infantil" />
Infantil <br />
<input name="salas" type="checkbox" id="salas" value="salas" />
Salas <br />
<input name="acceso" type="checkbox" id="acceso" value="accesorios" />
Accesorios <br />
<input name="oficin" type="checkbox" id="oficin" value="oficina" />
Oficina <br />
<input name="comed" type="checkbox" id="comed" value="comedores" />
Comedores <br />
<input name="recam" type="checkbox" id="recam" value="recamaras" />
Recamaras <br />
<input name="sillas" type="checkbox" id="sillas" value="sillas" />
Sillas / Sillones / Butacas <br />
<input name="jardin" type="checkbox" id="jardin" value="jardin" />
Jardin <br />
<input name="cenlib" type="checkbox" id="cenlib" value="centros entretenimiento" />
Centros de Entretenimiento / Libreros <br />
<input name="cocina" type="checkbox" id="cocina" value="cocinas" />
Cocinas <br />
<input name="esco" type="checkbox" id="esco" value="escolares" />
Escolares <br />
<input name="regal" type="checkbox" id="regal" value="regalos decoracion" />
Regalos / Decoracion <br />
<input name="colch" type="checkbox" id="colch" value="colchones" />
Colchones <br />
<input name="eleclin" type="checkbox" id="eleclin" value="electronica" />
Electronica / Linea Blanca </label></td>
</tr>
<tr>
<td class="izquierda"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="izquierda">Como se entero del Evento: </td>
<td><label>
<input name="correomail" type="checkbox" id="correomail" value="correo electronico" />
Correo Electronico <br />
<input name="correopostal" type="checkbox" id="correopostal" value="correo postal" />
Correo Postal <br />
<input name="inter" type="checkbox" id="inter" value="internet" />
Internet <br />
<input name="radio" type="checkbox" id="radio" value="radio" />
Radio <br />
<input name="periodico" type="checkbox" id="periodico" value="periodico" />
Periodico</label></td>
</tr>
<tr>
<td class="izquierda"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="izquierda">Revista Especializada: </td>
<td><label>
<input name="moblaje" type="checkbox" id="moblaje" value="moblaje" />
Moblaje <br />
<input name="porte" type="checkbox" id="porte" value="porte" />
Porte <br />
<input name="secmueb" type="checkbox" id="secmueb" value="sector mueblero" />
Sector Mueblero </label></td>
</tr>
<tr>
<td class="izquierda" colspan="2">
<div>
<div id="resultado">
</div>
</div>
&nbsp;</td>
</tr>
<tr>
<td class="izquierda" style="height: 23px"></td>
<td style="height: 23px"></td>
</tr>
<tr>
<td class="izquierda" style="height: 34px"></td>
<td style="height: 34px">
<input type="button" name="submit" class="button" id="submit_btn" value="Enviar correo" />

<input name='limpiar' type='reset' value='Limpiar' /></td>
</tr>
<tr>
<td class="izquierda" style="height: 23px"></td>
<td style="height: 23px"></td>
</tr>
<tr>
<td class="izquierda"></td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="izquierda"></td>
<td>&nbsp;</td>
</tr>
</table>
</form>
</div>
  #2 (permalink)  
Antiguo 16/05/2010, 09:23
 
Fecha de Ingreso: enero-2010
Mensajes: 43
Antigüedad: 14 años, 3 meses
Puntos: 0
Respuesta: Envio de datos a formulario PHP con JQUERY
funciones.js
Código: 
$(function() {
  $('.error').show();
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#FFDDAA"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $(".button").click(function() {
		// validate and process form
		// first hide any error messages
    $('.error').hide();
		
	  var rfc = $("input#rfc").val();
		if (rfc == "") {
      $("label#rfcad").show();
      $("input#rfc").focus();
      return false;
    }
		var nombre = $("input#nombre").val();
		if (nombre == "") {
      $("label#nombread").show();
      $("input#nombre").focus();
      return false;
    }
		var puesto = $("input#puesto").val();
		if (puesto == "") {
      $("label#puestoad").show();
      $("input#puesto").focus();
      return false;
    }
    	var nomemp = $("input#nomemp").val();
		if (nomemp == "") {
      $("label#nomempad").show();
      $("input#nomemp").focus();
      return false;
    }
		var rasoc = $("input#rasoc").val();
		if (rasoc == "") {
      $("label#rasocad").show();
      $("input#rasoc").focus();
      return false;
    }
		var chematriz = $("input#chematriz").val();
		var domicilio = $("input#domicilio").val();
		var colonia = $("input#colonia").val();
		var municipio = $("input#municipio").val();
		var ciudad = $("input#ciudad").val();
		var estado= $("input#estado").val();    
		var pais = $("input#pais").val();
		var cp = $("input#cp").val();
		var telcasa= $("input#telcasa").val();
		var telofi = $("input#telofi").val();
		var cel = $("input#cel").val();
		var fax = $("input#fax").val();   
		var email = $("input#email").val();
		if (email=="") {
      $("label#emailad").show();
      $("input#email").focus();
      return false;
   		 }
    	var emailempresa= $("input#emailempresa").val();
    	var web= $("input#web").val();
    if($("input#tesp").val()=="tienda especializada"){var giro = "tienda especializada";}else
    if($("input#tdep").val()=="tienda departamental"){var giro = "tienda departamental";}else
	if($("input#decyreg").val()=="decoracion y regalos"){var giro = "decoracion y regalos";}else
	if($("input#mayorista").val()=="mayorista"){var giro = "mayorista";}else
	if($("input#construc").val()=="construccion"){var giro = "construccion";}else
	if($("input#resta").val()=="restaurant"){var giro = "restaurant";}else
	if($("input#hotel").val()=="hotel"){var giro = "hotel";}
		
	if($("input#infantil").val()=="infantil"){var prod = "infantil";}else
	if($("input#salas").val()=="salas"){var prod = "salas";}else
	if($("input#acceso").val()=="acceso"){var prod = "acceso";}else
	if($("input#oficin").val()=="oficina"){var prod = "oficina";}else
	if($("input#comed").val()=="comedores"){var prod = "comedores";}else
	if($("input#recam").val()=="recamaras"){var prod = "recamaras";}else
	if($("input#sillas").val()=="sillas"){var prod = "sillas";}else
	if($("input#jardin").val()=="jardin"){var prod = "jardin";}else
	if($("input#cenlib").val()=="centros entretenimiento"){var prod = "centros entretenimiento";}else
	if($("input#esco").val()=="escolares"){var prod = "escolares";}else
	if($("input#regal").val()=="regalos decoracion"){var prod = "regalos decoracion";}else
	if($("input#colch").val()=="colchones"){var prod = "colchones";}else
	if($("input#eleclin").val()=="electronica"){var prod = "electronica";}
	
	if($("input#correomail").val()=="correo electronico"){var como = "correo electronico";}else
	if($("input#correopostal").val()=="correo postal"){var como = "correo postal";}else
	if($("input#inter").val()=="internet"){var como = "internet";}else
	if($("input#radio").val()=="radio"){var como = "radio";}else
	if($("input#periodico").val()=="periodico"){var como = "periodico";}
	
	if($("input#moblaje").val()=="moblaje"){var revista = "moblaje";}else
	if($("input#porte").val()=="porte"){var revista = "porte";}else
	if($("input#secmueb").val()=="sector mueblero"){var revista = "sector mueblero";}
	
		var dataString = 'rfc='+rfc+'&nombre='+nombre+'&puesto='+puesto+'&nomemp='+nomemp+'&rasoc='+rasoc+'&chematriz='+chematriz+'&domicilio='+domicilio+'&colonia='+colonia+'&municipio='+municipio+'&ciudad='+ciudad+'&estado='+estado+'&pais='+pais+'&cp='+cp+'&telcasa='+telcasa+'&telofi='+telofi+'&cel='+cel+'&fax='+fax+'&email='+email+'&emailempresa='+emailempresa+'&web='+web+'&giro='+giro+'&prod='+prod+'&como='+como+'&revista='+revista;
		alert (dataString);
		//return false;

$.ajax({
      type: "POST",
      url: "contac.php",
      data: dataString,
      success: function() {
      alert("hola");
        $('#reg_form').html("<div id='mensaje'></div>");
        alert("hola2");
        $('#mensaje').html("<h2>Sus datos han sido dados de alta</h2>")
        .append("<p>Pronto recibira un email de nosotros.</p>")
        .hide()
        .fadeIn(1500, function() {
          $('#mensaje').append("Por favor revise su e mail");
        });
      }
     });
    return false;		
	});
});
runOnLoad(function(){
  $("input#rfc").select().focus();
});

contac.php
Código PHP:
<? 
$conexion = mysql_connect("localhost","root","123");
$bd = mysql_select_db("contactar",$conexion);
    $rfc = $_POST['rfc'];
    $nombre = $_POST['nombre'];
    $puesto = $_POST['puesto'];
    $nombreempresa = $_POST['nomemp'];
    $razonsocial = $_POST['rasoc'];
    $chematriz=$_POST['chematriz']
    $domicilio = $_POST['domicilio'];
    $colonia = $_POST['colonia'];
    $municipio = $_POST['municipio'];
    $ciudad = $_POST['ciudad'];
    $estado = $_POST['estado'];
    $pais = $_POST['pais'];
    $cp = $_POST['cp'];
    $telcasa = $_POST['telcasa'];
    $teloficina = $_POST['telofi'];
    $celular = $_POST['cel'];
    $fax = $_POST['fax'];
    $email = $_POST['email'];
    $emailempresa = $_POST['emailempresa'];
    $paginaweb = $_POST['web'];
    $giro = $_POST['giro'];
    $prod = $_POST['prod'];
    $como = $_POST['como'];
    $revista = $_POST['revista'];
$consulta = "insert into contactar(rfc,nombre,puesto,empresa,razonsocial,matriz_sucursal,domicilio,colonia,municipio,ciudad,estado,pais,cp,telcasa,teloficina,celular,fax,e_mail,e_mailempresa,paginaweb,giro,prod,como,revista) values('$rfc','$nombre','$puesto','$nombreempresa','$razonsocial','$chematriz','$domicilio','$colonia','$municipio','$ciudad','$estado','$pais','$cp','$telcasa','$teloficina','$celular','$fax','$email','$emailempresa','$paginaweb','$giro','$prod','$como','$revista')";     
$ejecutar = mysql_query($consulta);
$header = "From: ".$_POST['email']."\r\n";
$header.= "To: ".$email."\r\n";
mail($email, "ALTA", "Ha sido dado de alta exitosamente", $header);
    echo "E_mail enviado. Favor de revisar su bandeja de entrada.";
    }
?>

Pienso y pienso y no se me ocurre que esta mal. Esto se supone que es parte de una tarea ya estamos cerca de llos finales seria genial si alguien me pudiera indicar en que parte o partes me equivoque y como solucionar mi error de antemano gracias

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta


« Tema Anterior | Próximo Tema »


La zona horaria es GMT -6. Ahora son las 22:22.