Foros del Web » Programando para Internet » Javascript » Frameworks JS »

Disponibilidad de nick

Estas en el tema de Disponibilidad de nick en el foro de Frameworks JS en Foros del Web. ¿Cómo hacer un formulario donde se compruebe en tiempo real si un nick está o no disponible? Un ejemplo del formulario que quiero hacer sería ...
  #1 (permalink)  
Antiguo 01/01/2009, 17:46
 
Fecha de Ingreso: diciembre-2008
Mensajes: 4
Antigüedad: 15 años, 11 meses
Puntos: 0
Disponibilidad de nick

¿Cómo hacer un formulario donde se compruebe en tiempo real si un nick está o no disponible? Un ejemplo del formulario que quiero hacer sería como el del messenger, al introducir el nick, que, al cambiar el cursor de campo, te sale un texto justo al lado del campo de texto diciendo si el nick está o no disponible
  #2 (permalink)  
Antiguo 01/01/2009, 19:12
 
Fecha de Ingreso: febrero-2006
Mensajes: 134
Antigüedad: 18 años, 9 meses
Puntos: 10
Respuesta: Disponibilidad de nick

Pues, esta información necesita ser completada, pero brevemente:
en el campo de texto <input type="text" /> añade un parámetro onchange="comprobarnick(this)" o similar; y crea una función como esta:
Código HTML:
<script language="javascript" type="text/javascript">
function comprobarnick(objeto) {
  var usuario = objeto.value;
  // haces una peticion AJAX al estilo
  var options = {
    params: {nick: usuario},
    method: 'get',
    onSuccess: function(t) {
      capaResultado.innerHTML = t.responseText;
    }
  };
  new Ajax.request('comprobarnick.php', options); // Esto es en Prototype. Adaptalo a tu framework.
}
</script> 
Esto en plan facil, suponiendo que el PHP hiciese algo como
Código PHP:
$resultado $tudb->query("SELECT username FROM usuarios WHERE nick = '$_GET[nick]';");
if(
$resultado->num_rows() > 0) die('<span style="background-color:red">Ese nick no esta disponible.</span>');
else die(
'<span style="background-color:green">Ese nick está libre.</span>'); 
O algo similar a esto.
Probablmente funcione
__________________
Si te ha gustado lo que he dicho, puedes darme algún punto de reputación, que no te cuesta nada ^_^.

Di no a los juicios de valor!
  #3 (permalink)  
Antiguo 01/01/2009, 19:46
Avatar de jpinedo
Colaborador
 
Fecha de Ingreso: septiembre-2003
Ubicación: Lima, Perú
Mensajes: 3.120
Antigüedad: 21 años, 1 mes
Puntos: 41
Respuesta: Disponibilidad de nick

Tema movido desde PHP a Ajax
  #4 (permalink)  
Antiguo 02/01/2009, 08:16
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 10 meses
Puntos: 126
Respuesta: Disponibilidad de nick

Hola

Prueba con esto. Solo has de hacerle algunas modificaciones

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />
  #5 (permalink)  
Antiguo 07/12/2009, 22:55
 
Fecha de Ingreso: abril-2007
Ubicación: Buenos Aires
Mensajes: 49
Antigüedad: 17 años, 7 meses
Puntos: 0
Respuesta: Disponibilidad de nick

como muestro el resultado de la consulta que hace? o sea refiriendome a lo que pone santhy
  #6 (permalink)  
Antiguo 09/12/2009, 09:49
Avatar de SetheR  
Fecha de Ingreso: enero-2009
Mensajes: 265
Antigüedad: 15 años, 10 meses
Puntos: 44
Respuesta: Disponibilidad de nick

PHP te lo devuelve en un bloque de HTML sólamente recógelo con el "responseText" y mételo en un div o dónde quieras.
EDITO: No había visto que Santhy ya lo hace con su script, sólo debe existir el elemento div especificado en la variable 'capaResultado'. (que por cierto en el ejemplo no está definida).

Saludos

Última edición por SetheR; 09/12/2009 a las 10:05
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




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