TechCodeview

1. Preverjanje obrazca JavaScript
2. Primer validacije JavaScript
3. JavaScript preverjanje elektronske pošte

Pomembno je, da potrdite obrazec, ki ga je poslal uporabnik, saj lahko vsebuje neustrezne vrednosti. Za avtentikacijo uporabnika je torej potrebna validacija.

JavaScript omogoča preverjanje obrazca na strani odjemalca, tako da bo obdelava podatkov hitrejša od preverjanja na strani strežnika. Večina spletnih razvijalcev ima raje preverjanje obrazcev JavaScript.

Prek JavaScripta lahko preverimo ime, geslo, e-pošto, datum, številke mobilnih telefonov in več polj.

Primer preverjanja obrazca JavaScript

V tem primeru bomo preverili ime in geslo. Ime ne sme biti prazno in geslo ne sme biti krajše od 6 znakov.

dogovor o imenih java

Tukaj preverjamo obrazec ob oddaji obrazca. Uporabnik ne bo posredovan na naslednjo stran, dokler dane vrednosti niso pravilne.

 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 Ponovno vnesite preverjanje gesla

 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> 

Preverjanje števila JavaScript

Preverimo besedilno polje samo za številsko vrednost. Tukaj uporabljamo funkcijo 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> 

Preverjanje JavaScript s sliko

Oglejmo si primer interaktivnega preverjanja obrazca JavaScript, ki prikaže pravilno in nepravilno sliko, če je vnos pravilen ali napačen.

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

Izhod:

JavaScript preverjanje elektronske pošte

E-pošto lahko potrdimo s pomočjo JavaScripta.

Za potrditev e-poštnega ID-ja je treba upoštevati številna merila, kot so:

• e-poštni ID mora vsebovati @ in . značaj
• Pred in za @ mora biti vsaj en znak.
• Za . morata biti vsaj dva znaka. (pika).

Oglejmo si preprost primer za preverjanje polja e-pošte.

 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>