Validare JavaScript: Tot ce trebuie să știți despre formularele de validare și e-mail



Acest articol despre validarea JavaScript va oferi cunoștințe aprofundate despre validarea formularelor. Acesta va oferi un exemplu pentru validarea unui formular folosind javascript.

JavaScript este una dintre cele mai populare limbi din , Dezvoltare front-end și back-end. Este folosit pentru a crea site-uri web frumos proiectate. În JavaScript, validarea este utilizată pentru autentificarea unui utilizator. In acest Validare JavaScript articol, Veți afla despre validarea formularelor în următoarea secvență:

Ce este JavaScript?

este un nivel înalt, interpretat limbaj de programare folosit pentru a face paginile web mai interactive. Este un foarte puternic partea clientului limbaj de scriptare careface ca pagina dvs. web să fie mai animată și mai interactivă.





Javascript - validare javascript - edureka

Este un limbaj de programare care vă ajută să implementați un complex și design frumos pe pagini web . Dacă doriți ca pagina dvs. web să arate vie și să facă mult mai mult decât să vă uimească, JavaScript este o necesitate.



Caracteristicile JavaScript:

  • Este un limbaj de script și nu are nimic de-a face cu . Inițial, a fost numit Mocha , apoi schimbat în LiveScript și în cele din urmă a fost numit ca. JavaScript .

    system.exit (0) java
  • JavaScript este un bazat pe obiecte limbaj de programare care acceptă polimorfismul, încapsularea și moștenirea.



  • Puteți rula JavaScript nu numai în browser dar și pe Server și orice dispozitiv care are un motor JavaScript.

Funcții JavaScript

Fundamentalul blocuri de construcție în JavaScript sunt numite ca Funcții . Este practic un set de afirmații care efectuează o sarcină sau calculează o valoare. Pentru a utiliza o funcție, aceasta ar trebui definită undeva în domeniul de aplicare din care doriți să o apelați.

O definiție a funcției constă din cuvântul cheie funcție, urmat de:

  • Nume a funcției.

  • O lista de parametrii la funcție, între paranteze și separate prin virgule.

  • JavaScript declarații care definesc funcția, închise între paranteze, {}.

Să luăm un exemplu și să vedem cum să definim o funcție numită adăuga :

funcție add (a, b) {return a + b}

Acum, pentru a valida un utilizator, se folosește o funcție de validare. Deci, să mergem mai departe și să aflăm mai multe despre validarea JavaScript.

Ce este validarea?

Validarea este o metodă pentru autentifica utilizatorul. JavaScript oferă facilitatea de a valida formularul din partea clientului, astfel încât procesarea datelor va fi mai rapidă decât validarea din partea serverului. Este preferat de majoritatea dezvoltatorilor web. Prin JavaScript, putem valida numele, parola, adresa de e-mail, data, numerele de mobil și alte câmpuri.

Partea client validarea împiedică clientul să știe dacă formularul este în regulă înainte de a reîncărca o pagină. Întrucât, Partea de server validarea este importantă datorită faptului că validarea din partea clientului poate fi complet ocolită prin dezactivarea JavaScript.

Acum, să mergem mai departe cu articolul nostru de validare JavaScript și să aruncăm o privire la exemplul de validare a formularului.

Validare JavaScript: Exemplu

Următorul exemplu este un cod în HTML, CSS și JavaScript pentru a valida un formular în care:

ce este big data și hadoop
  1. HTML este obișnuit crea forma.
  2. JavaScript este obișnuit valida forma.

FormValidation.html

validare formular / ** /
Parola:
 

Acest lucru va da următorul rezultat:

Acum, trebuie să creați un alt fișier care va fi redirecţiona pagina către una nouă după ce faceți clic Trimite buton.

Text.html

Validarea formularului / ** /

Se va redirecționa către o altă pagină și va oferi următoarele ieșire :

Acum, trebuie să adăugăm un Funcţie în JavaScipt pentru a lega ID-ul de intrare. Acest lucru va apărea un alerta mesaj dacă oricare dintre câmpuri este lăsat necompletat.

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

Aceasta va afișa următoarele alerta cand Câmp de nume este lăsat necompletat:

Apoi, dacă introduceți numele și lăsați fișierul Câmpul de parolă necompletat, va apărea următoarele alerta :

ce este un scaner în java

După ce ați adăugat numele și parola în formatul corect, această pagină va fi redirecționată către pagina Text.html pentru rezultatul final.

Codul complet pentru Validarea formularului este după cum urmează:

funcție de validare formular validateform () {var nume = document.myform.name.value var parolă = document.myform.password.value if (nume == nul || nume == '') {alertă ('Numele nu poate fi blank ') return false} else if (password.length<6){ alert('Password must be atleast 6 characters long.') return false } } Parola: 

Acesta a fost un exemplu de validare a formularului în JavaScript. putem valida, de asemenea, ID-ul de e-mail, parola, nr. si multe altele.

Deci, să luăm un alt exemplu și să vedem cum să validăm ID de e-mail folosind JavaScript.

Validare e-mail JavaScript

Email.html

funcție ValidateEmail (inputText) {var mailformat = /^w+([.-)?w+)*@w+([.-]?w+)*(.w{2,3})+$/ if (inputText.value. match (mailformat)) {document.form1.text1.focus () return true} else {alert ('Ați introdus o adresă de e-mail nevalidă!') document.form1.text1.focus () return false}}

Ieșire

Cu aceasta, am ajuns la sfârșitul articolului nostru de validare JavaScript. Sper că ați găsit acest blog informativ și ați obținut o înțelegere de bază a validării JavaScript.

De asemenea, nu uitați să verificați de Edureka . Ai o întrebare pentru noi? Vă rugăm să o menționați în secțiunea de comentarii din „Validare JavaScript” și vă vom răspunde.