Eso lo harías mediante peticiones asíncronas (Ajax) las cuales se ejecutarían cuando ocurran determinados eventos.
Por ejemplo, si quieres que se compruebe el contenido escrito en una caja de texto cuando esta pierda el enfoque, debes de delegarle una función que se ejecutará cuando se produzca el evento
blur.
Código Javascript
:
Ver original$("#id del input").on("blur", function(){
$.ajax({
url: "ejemplo.php", //El archivo que procesará el dato
data: {
foo: $(this).val() //El dato a procesar (llegará como $_GET['foo'])
},
type: "get" //El tipo de envío
}).done(function(respuesta){
//Aquí haces algo con la respuesta obtenida
});
});
Lo que hace básicamente ese bloque de código es enviar el dato escrito en la caja hacia el archivo "ejemplo.php" cuando esta pierda el enfoque. En dicho archivo, deberás realizar la validación y devolver una respuesta mediante la cual realizarás las acciones pertinentes.
Partiendo de este ejemplo, puedes hacer lo mismo con los demás elementos.
Un saludo