Convalida e-mail html- html5
La convalida del modulo è essenziale per prevenire i moduli online utilizzati da utenti non autorizzati. La convalida inappropriata dei dati del modulo è uno dei motivi principali del problema di sicurezza. Espone il sito Web a correzioni di intestazione, script siti e attacchi di booster SQL. Più specificamente, la convalida dell'email è una procedura per determinare se un determinato indirizzo e -mail è attivo e raggiungibile.
Questo post spiegherà i diversi metodi per la convalida dell'email HTML5:
- Metodo 1: convalida e -mail definendo il modello nell'elemento di input
- Metodo 2: convalida e -mail per input "Digita" come e -mail
Metodo 1: convalida e -mail definendo il modello nell'elemento di input
Per la convalida e -mail HTML5, creare un modulo utilizzando ""Elemento e aggiungi un elemento di input e specifica il tipo di input come"e-mail"E definisci il modello dell'email.
Passaggio 1: creare un modulo
Ai fini della progettazione di una forma, utilizzare il ""Elemento nella pagina HTML.
Passaggio 2: inserire l'etichetta
Successivamente, aggiungi il “"Elemento per definire l'etichetta nella forma. Quindi, incorporare il testo tra il tag dell'etichetta da visualizzare sulla pagina web.
Passaggio 3: Aggiungi elemento di input
Dopodiché, inserisci un ""Elemento per creare un campo di input e aggiungere i seguenti attributi nell'elemento di input:
- "tipo"L'attributo determina il tipo di input nel modulo. In questo scenario, il valore di "tipo"L'attributo è specificato come"e-mail", Che consente all'utente di inserire solo i dati e -mail nel campo di input.
- "modello"Specifica un'espressione regolare che il""Il valore dell'elemento viene controllato contro la presentazione del modulo.
- "segnaposto"Alloca un breve suggerimento che descrive il valore atteso di un campo di input o di texarea:
Di conseguenza, l'utente può aggiungere e -mail nel campo di input:
Tuttavia, se gli utenti provano a inserire un'e -mail non valida, il modulo non invia:
Metodo 2: convalida e -mail per input "Digita" come e -mail
L'utente può anche aggiungere l'e -mail specificando il tipo di input come "e-mail", Che supportano solo i dati che consistono nell'indirizzo e -mail:
Produzione
Si tratta di metodi di validazione e -mail HTML5.
Conclusione
Per la convalida e -mail HTML5, prima, progetta un modulo utilizzando ""Elemento e aggiungere un""Elemento e specificare l'input"tipo" COME "e-mail"E definisce il"modello"Specificando un particolare modello dell'e -mail. D'altra parte, l'utente non può inserire l'altro tipo di dati nel campo dichiarato. Questo tutorial ha dimostrato i metodi di validazione e -mail HTML5.