1. JavaScript űrlap érvényesítése
2. Példa JavaScript érvényesítésre
3. JavaScript e-mail ellenőrzés

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==&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){>

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(&apos;password must be same!&apos;); return false; } } Password: <br> Re-enter Password: <br> 

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(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; return false; }else{ return true; } } Number: <span id="numloc"></span> <br> 

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){>

Kimenet:

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(&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>