Fontos, hogy érvényesítse a felhasználó által beküldött űrlapot, mert előfordulhat, hogy nem megfelelő értékei. Tehát a felhasználó hitelesítéséhez érvényesítés szükséges.
A JavaScript lehetőséget biztosít az űrlap ügyféloldali érvényesítésére, így az adatfeldolgozás gyorsabb lesz, mint a szerveroldali érvényesítés. A legtöbb webfejlesztő a JavaScript-űrlap érvényesítését részesíti előnyben.
A JavaScript segítségével ellenőrizhetjük a nevet, jelszót, e-mail címet, dátumot, mobilszámot és még sok más mezőt.
JavaScript űrlap érvényesítési példa
Ebben a példában ellenőrizni fogjuk a nevet és a jelszót. A név nem lehet üres, a jelszó pedig nem lehet 6 karakternél rövidebb.
Itt érvényesítjük az űrlapot az űrlap elküldésekor. A felhasználó addig nem kerül a következő oldalra, amíg a megadott értékek nem helyesek.
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){> Tesztelje most JavaScript Retype Password Validation
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> Tesztelje most JavaScript szám érvényesítése
A szövegmezőt csak numerikus értékre érvényesítsük. Itt az isNaN() függvényt használjuk.
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> Tesztelje most JavaScript érvényesítés képpel
Lássunk egy interaktív JavaScript űrlap érvényesítési példát, amely helyes és helytelen képet jelenít meg, ha a bevitel helyes vagy helytelen.
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){> Tesztelje most Kimenet:
| Írja be a nevet: | |
| Írd be a jelszót: | |
JavaScript e-mail ellenőrzés
Az e-mailt JavaScript segítségével tudjuk érvényesíteni.
Számos feltételt kell betartani az e-mail azonosító érvényesítéséhez, például:
- Az e-mail azonosítónak tartalmaznia kell a @ és . karakter
- A @ előtt és után legalább egy karakternek kell lennie.
- A után legalább két karakternek kell lennie. (pont).
Lássuk az egyszerű példát az e-mail mező érvényesítésére.
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> Tesztelje most