Gli eventi nei form in jQuery

Gli eventi nei form servono per controllare e modificare i form.

Sintassi degli eventi nei form in jQuery

.focus() // l'evento viene attivato quando ci posizioniamo sulla casella di input
.blur() // l'evento viene attivato quando togliamo il nostro posizionamento dalla casella di input
.change() // l'evento viene attivato ogni volta che cambiamo opzione nella casella di selezione
.select() // l'evento viene attivato alla selezione
.submit()  // l'evento viene attivato all'invio 

Esempio sugli eventi nei form in jQuery

Codice della Lezione : Eventi nei form in jQuery

// inizializzazione jQuery
$(document).ready(function(){
    // focus : quando entri nell'input
    $('#nome').focus(function(){
        $(this).css('background-color','green')
    });
    // blur : una volta uscito dall'input
    $('#email').blur(function(){
        $(this).css('background-color','yellow')
    });
    // focusin : funziona sulla messa in evidenza dell'elemento child
    $('form').focusin(function(){
        $(this).css('background-color','blue')
    });
    // focusout : funziona sulla messa in evidenza dell'elemento parent
    $('form').focusout(function(){
        $(this).css('background-color','yellow')
    });
    // select : una volta selezionato il testo, cambia
    $('input').select(function(){
        $(this).css('color','yellow')
    });
    // submit : quando sottometti il form
    $('#registrati').submit(function(){
        alert('grazie per aver compilato il modulo')
    });
});