Je dôležité overiť formulár odoslaný používateľom, pretože môže mať nevhodné hodnoty. Na overenie totožnosti používateľa je teda potrebná validácia.
JavaScript poskytuje zariadenie na overenie formulára na strane klienta, takže spracovanie údajov bude rýchlejšie ako overenie na strane servera. Väčšina webových vývojárov uprednostňuje validáciu formulárov JavaScript.
prispôsobená výnimka v jazyku Java
Prostredníctvom JavaScriptu môžeme overiť meno, heslo, e-mail, dátum, mobilné čísla a ďalšie polia.
Príklad overenia formulára JavaScript
V tomto príklade overíme meno a heslo. Meno nemôže byť prázdne a heslo nemôže mať menej ako 6 znakov.
Tu overujeme formulár pri odoslaní formulára. Používateľ nebude presmerovaný na ďalšiu stránku, kým nebudú zadané hodnoty správne.
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){>Vyskúšajte to
Opätovné zadanie hesla JavaScript Overenie
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>Vyskúšajte to
Overenie čísla JavaScript
Overme textové pole iba pre číselnú hodnotu. Tu používame funkciu 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>Vyskúšajte to
Overenie JavaScriptu s obrázkom
Pozrime sa na interaktívny príklad overenia formulára JavaScript, ktorý zobrazuje správny a nesprávny obrázok, ak je vstup správny alebo nesprávny.
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){>Vyskúšajte to
Výkon:
Zadaj meno: | |
Zadajte heslo: | |
JavaScript overenie e-mailu
E-mail môžeme overiť pomocou JavaScriptu.
json v príklade json
Existuje mnoho kritérií, ktoré je potrebné dodržať na overenie e-mailovej adresy, ako napríklad:
- ID e-mailu musí obsahovať @ a . charakter
- Pred a za znakom @ musí byť aspoň jeden znak.
- Po značke musia byť aspoň dva znaky. (bodka).
Pozrime sa na jednoduchý príklad na overenie poľa e-mailu.
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>Vyskúšajte to