logo

Validare formular JavaScript

  1. Validare formular JavaScript
  2. Exemplu de validare JavaScript
  3. Validare e-mail JavaScript

Este important să validați formularul transmis de utilizator deoarece acesta poate avea valori nepotrivite. Deci, validarea este necesară pentru autentificarea utilizatorului.

JavaScript oferă posibilitatea de a valida formularul pe partea client, astfel încât procesarea datelor va fi mai rapidă decât validarea pe partea serverului. Majoritatea dezvoltatorilor web preferă validarea formularelor JavaScript.

toate majusculele comandă excel

Prin JavaScript, putem valida numele, parola, e-mailul, data, numerele de telefon mobil și mai multe câmpuri.


Exemplu de validare a formularului JavaScript

În acest exemplu, vom valida numele și parola. Numele nu poate fi gol, iar parola nu poate avea mai puțin de 6 caractere.

Aici, validăm formularul la trimiterea formularului. Utilizatorul nu va fi redirecționat către pagina următoare până când valorile date sunt corecte.

 function validateform(){ var name=document.myform.name.value; var password=document.myform.password.value; if (name==null || name==&apos;&apos;){ alert(&apos;Name can&apos;t be blank&apos;); return false; }else if(password.length<6){ 6 alert('password must be at least characters long.'); return false; } name: <br> Password: <br> </6){>
Testează-l acum

JavaScript Reintroduceți validarea parolei

 function matchpass(){ var firstpassword=document.f1.password.value; var secondpassword=document.f1.password2.value; if(firstpassword==secondpassword){ return true; } else{ alert(&apos;password must be same!&apos;); return false; } } Password: <br> Re-enter Password: <br> 
Testează-l acum

Validarea numărului JavaScript

Să validăm câmpul text numai pentru valoarea numerică. Aici, folosim funcția isNaN().

 function validate(){ var num=document.myform.num.value; if (isNaN(num)){ document.getElementById(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; return false; }else{ return true; } } Number: <span id="numloc"></span> <br> 
Testează-l acum

Validare JavaScript cu imagine

Să vedem un exemplu interactiv de validare a formularului JavaScript care afișează imaginea corectă și incorectă dacă introducerea este corectă sau incorectă.

 function validate(){ var name=document.f1.name.value; var password=document.f1.password.value; var status=false; if(name.length<1){ document.getelementbyid('nameloc').innerhtml="  Please enter your name" ; status="false;" }else{ } if(password.length<6){ document.getelementbyid('passwordloc').innerhtml="  Password must be at least 6 char long" return status; <table class="table"> <tr><td>Enter Name:</td><td> <span id="nameloc"></span></td></tr> <tr><td>Enter Password:</td><td> <span id="passwordloc"></span></td></tr> <tr><td></td></tr>  </1){>
Testează-l acum

Ieșire:

Introdu numele:
Introdu parola:

Validare e-mail JavaScript

Putem valida e-mailul cu ajutorul JavaScript.

c matrice de șiruri de caractere

Există multe criterii care trebuie urmate pentru a valida ID-ul de e-mail, cum ar fi:

  • ID-ul de e-mail trebuie să conțină @ și . caracter
  • Trebuie să existe cel puțin un caracter înainte și după @.
  • Trebuie să existe cel puțin două caractere după . (punct).

Să vedem exemplul simplu pentru a valida câmpul de e-mail.

 function validateemail() { var x=document.myform.email.value; var atposition=x.indexOf(&apos;@&apos;); var dotposition=x.lastIndexOf(&apos;.&apos;); if (atposition<1 || dotposition="x.length){" alert('please enter a valid e-mail address 
 atpostion:'+atposition+'
 dotposition:'+dotposition); return false; } email: <br> </1>
Testează-l acum