Come validare un form con jQuery

Come validare un form con jQuery

Form

1 Your Basic Info
2 Your Profile

Sign Up

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(""); }; }); });

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Copyright © 2022
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram