jQuery: effettuare la validazione inline dei campi di un form con l'evento blur

In jQuery è semplice effettuare la validazione inline dei campi di un form sfruttando l'evento blur.

La soluzione è la seguente:

$( "#form [required]" ).on( "blur", function() {
    var $field = $( this );
    var value = $field.val();

    $field.removeClass( "error" ); // Reset

    if( value.length === 0 || /^\s+$/.test( value ) ) { // Validazione
        $field.addClass( "error" );
    }
});