ajax + js + submit

ikizume · #1 (**permalink**) 08/08/2007, 22:36

Hola gente de este foro, quería saber si me pueden ayudar porfa con un duda, problema, ya ni se que pensar jeje.. el asunto es el siguiente:

tengo un campo texto el cual quiero validar contra la base de datos(mediante ajax) para saber si ya existe, luego el usuario al darle el boton de aceptar tiene que validar la caja de texto u otros objetos y a su vez si el texto ya existe en base de datos(el resultado devuelto por la funcion en ajax). Gracias de antemano

Panino5001 · #2 (**permalink**) 08/08/2007, 23:36

Sería algo así, sólo que en lugar de usar un array harías algo semejante pero consultando a la base de datos:

Código PHP:

  <?php 
if(isset($_GET['p']) && !empty($_GET['p'])){ 
$users=array('pepe','jose','pedro'); 
if(in_array($_GET['p'],$users)){ 
echo 'usuarioexiste=true;'; 
}else{ 
echo 'usuarioexiste=false;'; 
} 
exit; 
} 
?> 
<!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=iso-8859-1" /> 
<title>test</title> 
<script> 
function rpc(url){ 
    oldsc=document.getElementById("old_sc"); 
       if(oldsc) 
            document.getElementsByTagName('body')[0].removeChild(oldsc); 
    sc=document.createElement('script'); 
    sc.id="old_sc"; 
    sc.src=url+'&'+Math.random(); 
    document.getElementsByTagName('body')[0].appendChild(sc); 
} 
function validar(){ 
if(document.forms[0].usuario.value.length<1){ 
alert('completar usuario');return false; 
} 
if(usuarioexiste){ 
alert('el usuario ya existe');return false; 
} 
if(document.forms[0].password.value.length<5){ 
alert('clave incorrecta');return false; 
} 
 
return true; 
} 
</script>  
</head> 
 
<body> 
<form id="form1" name="form1" method="post" action="" onsubmit="return validar()"> 
user(pepe,jose y pedro existen):<br /> 
<input name="usuario" type="text" id="usuario" onblur="rpc('?p='+this.value)" /> 
  <br /> 
  <br /> 
  pass (m&iacute;nimo 5 caracteres):<br /> 
<input name="password" type="password" id="password" /> 
  <br /> 
  <br /> 
  <input type="submit" name="Submit" value="Enviar" /> 
</form> 
</body> 
</html>

ikizume · #3 (**permalink**) 09/08/2007, 08:07

hola gracias por la respuesta, el asunto es el uso del ajax. tomando tu ejemplo la cosa seria asi y es como lo estoy intentando hacer pero sin resultados: cuando le doy a enviar llama a un ajax donde valido si existe o no en la base de datos luego llamo a una funcion validar el cual recoje del form y del resultado de la busqueda de ajax y se los pasa; si en la validación todo esta correcto mando hacer submit sino muestre mensaje de error.

Panino5001 · #4 (**permalink**) 09/08/2007, 09:54

No te confundas, Ajax no es sólo XMLHttpRequest. RPC también es AJAX.