Como hacer este codigo pero con la funcion onsubmit

[spirron589]

Hola quisiera saber como hacer este codigo pero con la funcion onsubmit osea es para hacer la validacion de un campo eso es todo con ajax

esa es la parte del codigo que quisiera poner con la funcion onsubmit...ese codigo lo he sacado de este post http://www.forosdelweb.com/f127/vulnerabilidad-xss-con-jquery-933656/

Código Javascript:

$(document).ready(function(){
 
$("#chequeo").click(function(){
var valor = $("#nombre").val();
 
$.ajax({
    contentType: "application/x-www-form-urlencoded",
    type: "POST",
    url: "prueba.php",
    data: "valor="+valor,
    success: function(datos){
        $("#resultado").html(datos);
    }
});
});
});
 

que hay que cambiarle? muchas gracias de verdad----otra cosa mis conocimiento de ajax no son los mejores son muy escasos...y de javascript apenas hoy empece a leer un libro de javascript que un mismo usuario de aqui me recomendo...muchas gracias, espero no molestar

[maycolalvarez]

si vas a usar AJAX para validar, lo estás usando mal, de por si podrías enviar todo el formulario de una vez.

abusar de AJAX es malo, sobretodo si tienes en cuenta que algunos usuarios suelen desactivarlo y tu página no tendría navegación.

como parte de tu pregunta, puedes enviar el form desde AJAX en el evento onsubmit del form, asegurándote de retornar false (return false;) de ese modo el form no es enviado por el navegador y si por tu XmlHttpRequest

[spirron589]

mmm ok entonces al enviar todo el formulario en la otra pagina hago la validacion y muestro lo que deba mostrar....es qe ese fue el ejemplo que consegui...pero usted porfavor me puede explicar con el codigo como hacerlo porfavor para aprender? gracias

[maycolalvarez]

jQuery dispone de la función serialze(), que permite serializar el formulario en una cadena url parseada, la función $.ajax() implementa esta funcionalidad de forma automática especificándole un form, revise la API de jQuery.