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==''){ alert('Name can't be blank'); 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('password must be same!'); 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('numloc').innerHTML='Enter Numeric value only'; 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('@'); var dotposition=x.lastIndexOf('.'); 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