Convalida email di espressione regolare JavaScript
Gli indirizzi e -mail hanno un formato specifico, con determinati caratteri e strutture richiesti. La convalida di un indirizzo e -mail garantisce che sia nel formato corretto e può essere utilizzato per inviare o ricevere e -mail. Convalidando gli indirizzi e -mail, è possibile garantire che le informazioni importanti vengano consegnate al destinatario corretto e che la comunicazione sia il più efficiente possibile.
Questo blog descriverà la convalida della posta elettronica in JavaScript.
Come convalidare l'email in JavaScript?
Verificare l'indirizzo e -mail inserito dall'utente è noto come convalida dell'email. In JavaScript, puoi convalidare un indirizzo email utilizzando "espressione regolare" con il "incontro()" metodo. Il metodo Match () verifica l'input dell'utente con il modello specificato.
Vediamo prima alcuni indirizzi e -mail validi e non validi, quindi creiamo un modello per convalidare gli indirizzi e -mail.
Indirizzi email validi
Alcuni indirizzi email validi sono:
Indirizzi email non validi:
Le seguenti e -mail formattate non sono accettabili:
- Un'e -mail è iniziata con un punto "."
- Nessun personaggio prima di @
- Senza @
- Non sono consentiti doppi punti
Modello
Il modello dato è un modello di formato e -mail generale:
var pattern = /[a-z0-9]+@[a-z]+\.[A-Z] 2,3/
Il modello sopra accetta:
- "[A-Z0-9]"Indica i caratteri della piccola lettera con i numeri.
- "@[A-Z]"Significa il segno @ con un numero qualsiasi di piccoli caratteri.
- "\."Specifica il punto (.).
- "[A-Z] 2,3"Indica gli alfabeti A-Z con lunghezza 2 o 3, come"com","org","netto", e così via.
È importante notare che il modello sopra è un'espressione generale regolare e potrebbe non coprire tutti i possibili casi di convalida dell'email, ma è un buon punto di partenza. Puoi creare/definire un modello sui tuoi requisiti.
Proviamo un altro modello (complesso) che accetterà le lettere di case piccoli e capitali con diversi personaggi speciali:
var pattern = /^[a-za-z0-9.!#$%& '*+/=?^_ '| ~-]+@[a-za-z0-9-]+(?: \.[A-za-z0-9-]+)*$/
Esempio
In un file HTML, creare un modulo che contiene un campo di testo, un pulsante e un'area per visualizzare un messaggio di errore. Allega il "al clicEvento "con il"inviaPulsante "che invocherà il"emailValidationFunc ()"Funzione per convalidare l'input dell'utente:
Nel file JavaScript, aggiungi il seguente codice:
funzione emailValidationFunc ()
var input = document.getElementById ("Mail").valore;
var pattern = /[a-z0-9]+@[a-z]+\.[A-Z] 2,3/;
if (input.match (pattern))
Avviso ("Matches!");
restituire vero;
altro
documento.getElementById ("Errore").InnerHtml = "Inserisci un indirizzo email valido!";
restituire false;
Secondo lo snippet di codice sopra:
- Innanzitutto, definisci una funzione chiamata "emailValidationFunc ()"Ciò attiverà il clic del pulsante.
- Ottieni il valore dell'input dell'utente utilizzando "valore"Attributo.
- Crea un modello per l'indirizzo email di convalida.
- Chiama il "incontro()"Metodo da verificare se il valore inserito corrisponde al modello fornito. Se sì, quindi mostra un messaggio di avviso "Corrisponde al pattern!". Altrimenti, stampare il messaggio di errore "Si prega di inserire un indirizzo email valido!".
Produzione
Si tratta di convalida e -mail utilizzando l'espressione regolare JavaScript.
Conclusione
In JavaScript, per convalidare un indirizzo e -mail, usa il “espressione regolare" con il "incontro()" metodo. Il metodo Match () verifica l'input dell'utente con il modello specificato. Questo blog menziona modelli di formattazione e -mail generali, ma puoi anche creare un modello sui tuoi requisiti. In questo blog, abbiamo descritto la convalida dell'email in JavaScript.