Come validare un form con jQuery

Codice della Lezione: Come validare un form con jQuery

// inizializzazione jQuery
$(document).ready(function(){
    // nascondi il div dove verranno mostrate le informazioni
    $('.infovalidate').hide();
    //al click del pulsante con id #registrati fai partire la funzione
    $('#registrati').on('click',function(){
        // crea una variabile con valore booleano true
        let field = true;
        
        //cicla su tutti i campi (loop)
        $('fieldset input,fieldset option,fieldset textarea').each(function(){
            // se il valore all'interno di input è '' (vuoto), la variabile field è falsa
            if($(this).val() == ''){
                field = false;
            }
        });

        // se la variabile field è vuota, allora mostra tramite html che il form non è completo, altrimenti ringrazia per la registrazione
        if(field == false){
            // mostra il div dove verranno mostrate le informazioni
            $('.infovalidate').slideDown(1000);
            $('.infovalidate .message').html('
I campi suono vuoti
');
        }else{
            $('.infovalidate').slideDown(1000);
            $('.infovalidate .message').html('
Grazie per aver compilato il modulo
');
            $('.infovalidate .infouser').html('
Le tue informazioni:
');
            //Mostra le informazioni scritte dall'utente all'interno dei campi input
            $('fieldset input').each(function(){
                $('.infovalidate .infouser').append(''+ $(this).val() + '
');
            });
            $('fieldset input').val("");
        };
    });
});