TechCodeview

1. JavaScript provjera valjanosti obrasca
2. Primjer provjere valjanosti JavaScripta
3. JavaScript provjera e-pošte

Važno je potvrditi obrazac koji je poslao korisnik jer može imati neprikladne vrijednosti. Dakle, provjera valjanosti je neophodna za autentifikaciju korisnika.

strint na int

JavaScript omogućuje provjeru valjanosti obrasca na strani klijenta tako da će obrada podataka biti brža od provjere valjanosti na strani poslužitelja. Većina web programera preferira JavaScript provjeru valjanosti obrazaca.

Putem JavaScripta možemo potvrditi ime, lozinku, e-poštu, datum, brojeve mobitela i druga polja.

Primjer provjere valjanosti JavaScript obrasca

U ovom primjeru provjerit ćemo ime i lozinku. Ime ne može biti prazno, a lozinka ne smije biti kraća od 6 znakova.

Ovdje potvrđujemo obrazac pri slanju obrasca. Korisnik neće biti proslijeđen na sljedeću stranicu sve dok dane vrijednosti ne budu točne.

 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 upišite valjanost lozinke

 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> 

Validacija JavaScript broja

Provjerimo tekstno polje samo za numeričku vrijednost. Ovdje koristimo funkciju 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> 

JavaScript provjera valjanosti sa slikom

Pogledajmo interaktivni primjer provjere valjanosti JavaScript obrasca koji prikazuje točnu i netočnu sliku ako je unos točan ili netočan.

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

Izlaz:

JavaScript provjera e-pošte

E-poštu možemo potvrditi uz pomoć JavaScripta.

Postoje mnogi kriteriji koje je potrebno slijediti za potvrdu ID-a e-pošte, kao što su:

• ID e-pošte mora sadržavati @ i . lik
• Mora postojati barem jedan znak prije i poslije @.
• Moraju postojati najmanje dva znaka nakon. (točka).

Pogledajmo jednostavan primjer za potvrdu 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>