Messaggio di conferma di un form con jQuery

Codice della Lezione: Messaggio di conferma di 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('<p>I campi suono vuoti</p>');
        }else{
            $('.infovalidate').slideDown(1000);
            $('.infovalidate .message').html('<p>Grazie per aver compilato il modulo</p>');
            $('.infovalidate .infouser').html('<h4>Le tue informazioni:</h4>');
            //Mostra le informazioni scritte dall'utente all'interno dei campi input
            $('fieldset input').each(function(){
                $('.infovalidate .infouser').append('<b>'+ $(this).val() + '</b><br>');
            });
            $('fieldset input').val("");
        };
    });
});