logo

Overenie formulára JavaScript

  1. Overenie formulára JavaScript
  2. Príklad validácie JavaScriptu
  3. JavaScript overenie e-mailu

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==&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){>
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(&apos;password must be same!&apos;); 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(&apos;numloc&apos;).innerHTML=&apos;Enter Numeric value only&apos;; 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(&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>
Vyskúšajte to