ajax que verifica sí existe

[cacr]

Saludos

Ejemplo ilustrativo: un formulario de registro de usuarios de un sistema:
nombre, apellido, login, pass...

la idea sería que al abandonar el foco de login, éste vaya y chequee sí existe, de manera que en caso de existir, avise... si no existe, no hace nada...

Obviamente, es un ejemplo ilustrativo, pero pensando en un form de 30 0 40 o más campos, pudiera ser interesante...

¿Es viable?

[caricatos]

Hola:

Cual es el problema... con el onchange o el onblur del campo haces una llamada ajax que lea la tabla de usuario registrados, y según la respuesta poner el mensaje con una alerta... o tal vez habilitar el botón submit...

Inténtalo que no es difícil.

Saludos

[cacr]

Gracias! caricatos... realmente pensé que era más traumático! jeje

[cacr]

Saludos!

Caricatos... qué tal?

tengo en el script "principal":

Código:

<input type="submit" name="submit" id="submit" value="Guardar" onclick="javascript: return valFechas();" disabled="true" />

y un

Código:

 onblur="javascript: return existe('cedula','fechaSalida');"

que es una función ajax, de manera que:

Código:

function existe(campo,campo2)
{
   var cedula=document.getElementById(campo).value;
   var fechaSalida=document.getElementById(campo2).value;
   var datos = "1";

   var ajax=nuevoAjax();
   ajax.open("POST", "includes/ajax_existe.php?", true);
   ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
   ajax.send("devolver="+datos+"&c="+cedula+"&f="+fechaSalida);

   ajax.onreadystatechange=function()
   {
      if (ajax.readyState==4) {
         document.getElementById('existe').innerHTML=ajax.responseText;
         document.getElementById('submit').disabled=false;
      }
   }
}

y en el php verifico sí existe o no, de manera que sí existe, en el espacio indicado muestre un mensaje y active o no, el botón... que me acabo de dar cuenta que lo está activando de todas cualquiera sea el resultado...

Pero... en IE no funciona.

Alguna idea? o dos?

[caricatos]

Hola:

Si depende la respuesta a la habilitación, entonces deberás condicionar...

Código:

      if (ajax.readyState==4) {
         respuesta = ajax.responseText;
         document.getElementById('existe').innerHTML = respuesta;
         document.getElementById('submit').disabled= (respuesta == '');//false;
      }

Fíjate en el ejemplo que no se asigna false (ni true) al botón, sino un condicional...

Saludos

[cacr]

Sorry caricatos...

Ciertamente creo que olvidé condicionar esa parte... ahora fíjate que me funciona mejor sí sólo "imprimo" el button con / sin el disabled, pues el parámetro no todos los navegadores le prestana tención, con sólo aparecer el disabled ya lo disablean, jeje...

Ahora, el tema de compatibilidad con IE? algún comentario?

[caricatos]

Iniciado por cacr

... pues el parámetro no todos los navegadores le prestana tención, con sólo aparecer el disabled ya lo disablean, jeje...

Pues no es cierto, pero la condición es que la respuesta sea la cadena vacía (no vale null ni undefined ni una cadena de un espacio en blanco... ni cualquier otra cosa, así que deberías controlar eso... yo suelo poner alertas, y muchas veces me sirven para enterarme de esas cosillas.

Iniciado por cacr

...
Ahora, el tema de compatibilidad con IE? algún comentario?

Aqué te refieres con la compatibilidad... la llamada ajax es hacia un activeX pero las sentencias y las respuestas son las mismas... lo cierto es que a veces explorer reconoce los objetos por el atributo name, y permite duplicar id's, pero esas pocas instrucciones las procesa igual que el resto de navegadores.

Saludos