enviar formulario con jquery y ajax

[martuanez]

Bueno, se me presentan varias incognitas al momento de hacer que el formulario use ajax via jquery para ingresar los datos, el formulario tiene validacion como la de este sitio:
http://yensdesign.com/2009/01/how-va...ng-php-jquery/
asumo que el ajax de jquery debe ir en el mismo documento, pero no logro darme cuenta si usar .ajax o .submit . load o que...

[johntzulik]

Hola que tal martuanez yo utiluzo un plugin de validacion llamado validate que lo puedes encontrar [URL="http://bassistance.de/jquery-plugins/jquery-plugin-validation/"]aqui[/URL] por otra parte por lo regular utilizo asp (no .net) y mi codigo es el siguiente...

Código Javascript:

$("#regAgent").validate({ /// validando formulario de nuevo usuario
  submitHandler: function(form) {
    html="q=Save_New_User&"; // va a mandar un query a la pagina function.asp // if q = "Save_New_User" then
  $.each(form, function(i){           //agarra todo la info que este en el formulario
      html += form[i].name+"="+form[i].value+"&";   //y pasa el nombre = valor ejemplo: user=JohnTzulik&pass=123
    });
  $.ajax({        //llama al ajax 
      type: "POST",              //por post
      url: "functions.asp",       // el destino es funtions.asp
      data: html,                 // datos a enviar es nuestra variable html antes llenada
      beforeSend:function(){      //antes de enviar   
        $("#mi_div").fadeOut(1000);   //ocultas el div padre del formulario  
      }, 
      success: function(Save_New_User){    //la funcion te regresa algo
        $("#mi_div").fadeIn(5000).html(Save_New_User);    //insertas lo que te regresa tu funcion 
      },
      error:function (xhr, ajaxOptions, thrownError){   // esto es en caso de error 
        $("#mi_div").fadeIn(5000).html(xhr.status+ " "+thrownError);
      }
  });
  }
});
 

espero que te sirva, trate de ser lo mas explicito posible cualquier cosa duda o pregunta a [URL="http://twitter.com/johntzulik"]@johntzulik[/URL]