Convalida JavaScript: tutto ciò che devi sapere sulla convalida di moduli ed e-mail

Questo articolo sulla convalida JavaScript fornirà una conoscenza approfondita della convalida dei moduli. Fornirà un esempio per convalidare un modulo utilizzando javascript.

JavaScript è uno dei linguaggi più popolari in , Sviluppo front-end e back-end. Viene utilizzato per creare siti Web dal design accattivante. In JavaScript, la convalida viene utilizzata per autenticare un utente. In questo Convalida JavaScript articolo, Imparerai a convalidare il modulo nella seguente sequenza:

Cos'è JavaScript?

è un alto livello, interpretato linguaggio di programmazione utilizzato per rendere le pagine web più interattive. È molto potente dalla parte del cliente linguaggio di scripting cherende la tua pagina web più vivace e interattiva.





Javascript - validazione javascript - edureka

È un linguaggio di programmazione che ti aiuta a implementare un file complesso e un bel design pagine web . Se vuoi che la tua pagina web sembri viva e faccia molto di più che sbalordirti, JavaScript è un must.



Caratteristiche di JavaScript:

  • È un linguaggio di scripting e non ha nulla a che fare con . Inizialmente, è stato chiamato Mocha , poi cambiato in LiveScript e infine è stato chiamato come JavaScript .

  • JavaScript è un file basato sugli oggetti linguaggio di programmazione che supporta anche il polimorfismo, l'incapsulamento e l'ereditarietà.



  • Puoi eseguire JavaScript non solo in browser ma anche su server e qualsiasi dispositivo dotato di motore JavaScript.

Funzioni JavaScript

Il fondamentale costruzioni in JavaScript sono chiamati come Funzioni . È fondamentalmente un insieme di istruzioni che esegue un'attività o calcola un valore. Per utilizzare una funzione, dovrebbe essere definita da qualche parte nell'ambito da cui si desidera chiamarla.

Una definizione di funzione è costituita dalla parola chiave function, seguita da:

  • Il nome della funzione.

  • Una lista di parametri alla funzione, racchiuso tra parentesi e separato da virgole.

    ordina un array c ++
  • Il JavaScript dichiarazioni che definiscono la funzione, racchiusa tra parentesi graffe, {}.

Facciamo un esempio e vediamo come definire una funzione denominata Inserisci :

funzione add (a, b) {return a + b}

Ora, per convalidare un utente, viene utilizzata una funzione di convalida. Quindi andiamo avanti e scopriamo di più sulla convalida di JavaScript.

Cos'è la convalida?

La convalida è un metodo per autenticare l'utente. JavaScript fornisce la funzionalità per convalidare il modulo sul lato client in modo che l'elaborazione dei dati sia più veloce della convalida lato server. È preferito dalla maggior parte degli sviluppatori web. Attraverso JavaScript, possiamo convalidare nome, password, email, data, numeri di cellulare e altri campi.

Dalla parte del cliente la convalida impedisce al client di sapere se il modulo è a posto prima di ricaricare una pagina. Mentre, Lato server la convalida è importante perché la convalida lato client può essere completamente aggirata disattivando JavaScript.

Ora andiamo avanti con il nostro articolo sulla convalida di JavaScript e diamo un'occhiata all'esempio di convalida dei moduli.

Convalida JavaScript: esempio

L'esempio seguente è un codice in HTML, CSS e JavaScript per convalidare un modulo in cui:

  1. HTML è abituato a creare il modulo.
  2. JavaScript è abituato a convalidare il modulo.

FormValidation.html

convalida del modulo / ** /
Parola d'ordine:
 

Questo darà il seguente output:

Ora, devi creare un altro file che lo farà reindirizzare la pagina in una nuova dopo aver fatto clic Invia pulsante.

Text.html

Convalida modulo / ** /

Reindirizzerà a un'altra pagina e fornirà quanto segue produzione :

Ora dobbiamo aggiungere un file Funzione nel nostro JavaScipt per collegare l'ID di input. Apparirà un file mettere in guardia messaggio se uno dei campi viene lasciato vuoto.

function validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name can't be blank' ) return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } 

Questo farà apparire quanto segue mettere in guardia quando il Campo nome è lasciato vuoto:

Successivamente, se inserisci il nome e lasci il file Campo password vuoto, verrà visualizzato quanto segue mettere in guardia :

Dopo aver aggiunto il nome e la password nel formato corretto, questa pagina verrà reindirizzata alla pagina Text.html per il output finale.

Il codice completo per Convalida del modulo è come segue:

funzione di convalida del modulo validateform () {var name = document.myform.name.value var password = document.myform.password.value if (name == null || name == '') {alert ('Name can't be vuoto ') restituisce false} altrimenti if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Parola d'ordine: 

Questo è stato un esempio di convalida del modulo in JavaScript. possiamo anche convalidare l'ID email, la password, il numero di cellulare. e molti altri.

Quindi, facciamo un altro esempio e vediamo come convalidare e-mail identificativo utente utilizzando JavaScript.

Convalida e-mail JavaScript

Email.html

function ValidateEmail (inputText) {var mailformat = /^w+([.-”?w+)*@w+([.-”?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Hai inserito un indirizzo email non valido!') document.form1.text1.focus () return false}}

Produzione

Con questo, siamo giunti alla fine del nostro articolo sulla convalida di JavaScript. Spero che tu abbia trovato questo blog informativo e acquisito una conoscenza di base della convalida di JavaScript.

Inoltre, non dimenticare di controllare il di Edureka . Hai domande per noi? Per favore menzionalo nella sezione commenti di 'Convalida JavaScript' e ti risponderemo.