Verificar campos Ajax

[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 !!