Convalida e -mail in JavaScript

JavaScript, un linguaggio di programmazione che viene utilizzato per sviluppare siti Web squisitamente piacevoli. O. La convalida, soprattutto la convalida della posta elettronica, è una parte molto significativa di un modulo che assicura che solo le informazioni autentiche siano fornite dall'utente. Abbiamo progettato questo post per mostrarti come convalidare l'e -mail dell'utente utilizzando JavaScript. Questo articolo copre i seguenti argomenti.

1. Introduzione alla convalida
2. Come convalidare la posta elettronica utilizzando JavaScript

Iniziamo.

Introduzione alla convalida

La convalida è la procedura per assicurarsi che l'utente, nonché le informazioni fornite dall'utente, sia autentico. JavaScript autentica le informazioni sul lato client che migliora la procedura di elaborazione dei dati.

La convalida viene utilizzata per autenticare il nome utente, la password, l'email, il numero di telefono e così via. In questo post, ci atterremo alla convalida della posta elettronica. Impariamo come eseguirlo usando JavaScript.

Come convalidare la posta elettronica utilizzando JavaScript

Come già accennato alla convalida di un'e -mail è molto importante quando si creano moduli sui siti Web.

Un indirizzo e -mail è diviso in due parti che sono separate usando il simbolo "@", inoltre, ciascuna di queste parti consiste in una combinazione di caratteri ASCII. La parte iniziale di un'e -mail indica principalmente le informazioni personali di un utente ed è composta da quanto segue.

1. Sia maiuscole (A-Z) che lettere minuscole (A-Z).

2. Cifre numeriche (0-9).

3. Personaggi speciali come ! # $ % ^ & * _ - = | ~.

4. Un arresto completo (non può essere il primo o l'ultimo personaggio, inoltre, non è possibile utilizzare una fermata completa consecutiva.)

Oltre a questo, il nome di dominio, che è la parte dell'e -mail che viene dopo il simbolo @ può consistere in lettere, cifre, trattini e punti.

Esempio

Qui abbiamo dimostrato un esempio completo di un modulo HTML che convalida un'e -mail utilizzando JavaScript.

Html

Inserisci il tuo indirizzo email

Nel codice HTML sopra, abbiamo creato un campo di input in cui l'utente inserirà l'indirizzo e -mail e, facendo clic sul pulsante di invio, l'e -mail inserita viene passata al ConvalidateMail () Metodo da convalidare.

CSS

.H3
Margin-Left: 38px;

Input
Font-size: 20px;

Input: Focus, TextArea: Focus

Background-color: Whitesmoke;

Input Invia
Font-size: 12px;

Qui stiamo usando alcuni CS di base per modellare i nostri elementi HTML.

JavaScript

functionValidateMail (InputText)

var mailFormat = /^\ w+([\.-"?\ w+)*@\ w+([\.-"?\ w+)*(\.\ w 2,3)+$/;
if (InputText.valore.Match (MailFormat))

Avviso ("Indirizzo e -mail valido!");
documento.Form1.Testo 1.messa a fuoco();
ReturnTrue;

altro

Avviso ("Indirizzo email non valido!");
documento.Form1.Testo 1.messa a fuoco();
ReturnFalse;

In questo codice JavaScript, un'espressione regolare /^\ w+([\ \.-"?\ w+)*@\ w+([\.-"?\ w+)*(\.\ w 2,3)+$/ è usato per convalidare un'e -mail. Successivamente, se/altrimenti vengono utilizzate dichiarazioni per specificare che se l'utente inserisce un indirizzo e -mail valido verrà generato un messaggio di avviso confermando l'autenticità dell'indirizzo e -mail e se l'utente inserisce un indirizzo email non valido, il messaggio di avviso avviserà l'utente a proposito.

Produzione

Quando fornisci un indirizzo email autentico.

Quando si inserisce un indirizzo email non valido.

La convalida dell'email ha avuto successo.

Conclusione

In JavaScript, un'espressione regolare /^\ w+([\.-"?\ w+)*@\ w+([\.-"?\ w+)*(\.\ w 2,3)+$/ viene utilizzato per convalidare un indirizzo e -mail in moduli HTML che specifica il modello di un'e -mail valida. Inoltre, le dichiarazioni se/altrimenti vengono utilizzate per specificare le condizioni per l'indirizzo e -mail valido e non valido. Questo articolo ti guida su come convalidare un indirizzo email utilizzando JavaScript con l'aiuto di un codice pertinente.