Verificar campos Ajax

[dunga007]

Hola, soy nuevo en esto de ajax y javascript pero bastante ducho en php, les comento mi problema haber si hay alguien que pueda ayudarme, deseo hacer un formulario que al colocar un email verifique inmediatamente sin necesidad de dar submit los datos que tengo de ese email por ej, nombre, apellido, ciudad, etc, y en mi formulario los campos de los datos que ya tengo se desabiliten y de los datos que no tengo queden habilitados poara asi poder completarlos, hasta el momento he colocado esto:

http://notasweb.com/articulo/ajax/ejemplo-sencillo-con-ajax-comprobar-disponibilidad-de-un-nick.html

que para verificar si el email esta anda perfecto pero nose como hacer el resto, si alguien me podria indicar mas o menos que debo hacer les estaria muy agradecido, desde ya les doy las gracias porque estoy seguro que habra alguien. Saludos!!

[joaowizard]

Hola, te recomiendo que uses jquery con ajax;

en tu HEAD:

Código Javascript:

<script language="JavaScript" src="jquery-1.3.2.min.js" type="text/javascript"></script>
 

Código Javascript:

$("#email").blur(function () {
        if ($("#email").val()==""){
            $("#email_error").show();
            $("#email").focus($(this)).addClass("encabezado_menu");
         }else if ($("#email").val().length<5){//verifica si se teclean menos de 5 caracteres
            $("#email_error").show();
            $("#email").focus($(this)).addClass("encabezado_menu");
         }else if (!($("#email").val().match(/^[^\s()<>@,;:\/]+@\w[\w\.-]+\.[a-z]{2,}$/i))){ //verifica si tiene el formato [email protected]
            $("#email_error").show();
            $("#email").focus($(this)).addClass("encabezado_menu");
         }else{
             $("#email_error").hide();
             $("#email").removeClass("encabezado_menu");
         }
    });//fin de la función que verifica si es válido el email
 

Acá está adornado el INPUT con clases diferentes cuando hay error, incluso se muestra un mensaje de error en caso de que exista, luego, si todo está ok, llamas a tu página que envía el email, acá usarías AJAX

Código Javascript:

$.ajax({
        type: "POST",
        url: "send.php",
        data: dataString,
        beforeSend: function(objeto){
                $('#formulario').fadeOut(200).hide();
                $('#loading').show();
        },
        success: function(){
                $('#loading').hide();
                $('#resultado').show();
                }
        });
 

Escondó el FORM, pongo un LOADING para animar, y cuando se envíe todo, muestro el RESULTADO , algo así como "mensaje enviado"

Obviamente lleva mas cosas, un submit:

Código Javascript:

$("#submit_btn").live("click",function(){
 

un "DOM ready?":

Código Javascript:

$(document).ready(function(){
 

pero ya está lo importante ... espero te sirva .. salu2 !!

[caricatos]

Tema movido desde AJAX

Revisando la pregunta,no veo que implique peticiones al servidor, así que lo movemos a javascript... y hablando de revisar, tal vez encuentres tu respuesta revisando nuestras magníficas FAQs. Y en mi opinión, evita para cosas sencillas las librerías.

Saludos