Ver Mensaje Individual
  #1 (permalink)  
Antiguo 20/07/2011, 17:22
Avatar de neglivv
neglivv
 
Fecha de Ingreso: julio-2011
Mensajes: 103
Antigüedad: 13 años, 3 meses
Puntos: 11
Sonrisa Solución Formulario con Jquery + AJAX +PHP

Tanto googlear encotré una solución a mi problemita con el formulario , el cual pueden ver acá:
[URL="http://www.forosdelweb.com/f77/formulario-jquery-php-ajax-930834/"]http://www.forosdelweb.com/f77/formulario-jquery-php-ajax-930834/[/URL]
[URL="http://www.forosdelweb.com/f127/envio-datos-php-con-formulario-jquery-930518/"]http://www.forosdelweb.com/f127/envio-datos-php-con-formulario-jquery-930518/[/URL]

Y bueno, aca comparto con ustedes la solucion, la cuestion era hacer uso de Ajax para enviar los datos del formulario y mostrar al usuario (sin recargar la pagina) si estaba registrado o no. Lo que hice fue agregar en el head:
Código HTML:
 <script> 
		function verificar(){ 
			var form1 = $('#form1');
			var vars = form1.serialize(); //en vars se guardan los datos del formulario, en mi caso name y password
		   $("#final").fadeOut("slow"); //final es un div donde se mostrara el mensaje de error al usuario
		   $.ajax({
		   type: "POST",
		   contentType:"application/x-www-form-urlencoded", 
		   url:"login.php", //Archivo donde se hace la consulta a la base de datos para verificar si existe el usuario
		   data:vars,
		   success:function(msg){ 
			  $("#final").fadeIn("slow",function(){ 
		   $("#final").html(msg); 
		   }) 
		   }}) 
		}
	</script> 
y el boton del formulario es asi:
Código HTML:
<input type="submit" value="Entrar" style="width: 140px" onClick="javascript:verificar()"/> 
Ayer no sabia nada de nada acerca de ajax y jquery... y hoy aprendi un poquito
Espero les sirva y les guste! Cualquier recomendacion Bienvenida sea!!!