imparare javascript

Validazione Dati JavaScript e Gestione evento submit con JS

Come amiamo ripassare PHP amiamo d’altronde anche ripassare JavaScript! Iniziamo dunque da una splendida ripassatina di due concetti interessanti: validazione dati e la Gestione Evento Submit.  JavaScript è il linguaggio del futuro? Sì potete dirlo forte, JS è il linguaggio del futuro! 

Validazione Dati JavaScript

Eventi in corrispondenza dei quali verificare i dati:

  • submit: si verifica quando si stanno per inviare i dati al server; per annullare l’invio dei dati nel caso in cui essi non siano validi è sufficiente che il gestore dell’evento restituisca il valore booleano false;
  • blur: si verifica quando un controllo perde il focus perché l’utente si sta spostando verso un altro controllo;
  • change: indica che il suo valore è stato modificato.

Le proprietà dell’oggetto validity sono:

  • patternMismatch: è true se il valore inserito dall’utente non rispetta l’espressione regolare indicata tramite l’attributo pattern;
  • rangeOverflow: vale true se il valore del controllo supera quello specificato nell’attributo max;
  • rangeUnderflow: è true se il valore del controllo è inferiore a quello specificato nell’attributo min;
  • stepMismatch: è true se il valore del controllo non rispetta l’incremento stabilito dall’attributo step;
  • tooLong: vale true se la lunghezza della stringa associata al controllo supera il valore previsto dall’attributo maxlength;
  • valueMissing: vale true se l’utente non ha inserito un valore come richiesto dall’attributo required.

I framework di JavaScript: un mondo in continua evoluzione

Gestione Evento Submit – alcuni spunti

  • E’ possibile annullare l’invio dei dati al server anche tramite l’invocazione del metodo preventDefault();
  • Tuttavia bisogna sottolineare che, in presenza di vincoli di validazione automatica, l’evento submit non sarà scatenato fino a quando tutti i vincoli non verranno soddisfatti.

Se non si intende utilizzare un pulsante di tipo submit, ad esempio perché si vuole utilizzare un link o un altro elemento grafico, è possibile inviare al server i dati tramite il metodo submit() del form!

Corso JavaScript By LaraMind

Stai cercando un corso JavaScript di quelli veramente importanti? Scegli di iniziare la tua esperienza con LaraMind! Diventa un developer di livello avanzato e scegli l’unica scuola in Italia capace di creare percorsi customizzati per tutte le tue esigenze!

Leave a reply