jQuery: Handle blurring of each field in a form

Question

I've got a form and I need to post data to the server every time a field in the form is changed. How do I apply a function to each child element of the form on blur?

Answer 1

Try something like this:

$('form#yourform > input').blur(function(){
    // Do Server Request here.
}); 

Answer 2

I've created update() as the function that posts to the server and used the following:

        $( 'input' ).blur( function() {
            update();
        }); 

        $( 'input[type=checkbox]' ).click( function() {
            update();
        });

        $( 'textarea' ).blur( function() {
            update();
        });

        $( 'select' ).change( function() {
            update();
        });