logo

JavaScript-lomakkeen validointi

  1. JavaScript-lomakkeen vahvistus
  2. Esimerkki JavaScriptin validoinnista
  3. JavaScript sähköpostin vahvistus

On tärkeää vahvistaa käyttäjän lähettämä lomake, koska siinä voi olla sopimattomia arvoja. Eli validointi on välttämätöntä käyttäjän todentamiseksi.

JavaScript tarjoaa mahdollisuuden lomakkeen validointiin asiakaspuolella, joten tietojen käsittely on nopeampaa kuin palvelinpuolen validointi. Useimmat verkkokehittäjät suosivat JavaScript-lomakkeen validointia.

JavaScriptin avulla voimme vahvistaa nimen, salasanan, sähköpostiosoitteen, päivämäärän, matkapuhelinnumerot ja muut kentät.


Esimerkki JavaScript-lomakkeen vahvistamisesta

Tässä esimerkissä aiomme vahvistaa nimen ja salasanan. Nimi ei voi olla tyhjä eikä salasana saa olla alle 6 merkkiä pitkä.

Tässä vahvistamme lomakkeen lomakkeen lähettämisen yhteydessä. Käyttäjää ei siirretä seuraavalle sivulle ennen kuin annetut arvot ovat oikein.

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

JavaScript Kirjoita salasana uudelleen

 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> 
Testaa nyt

JavaScript-numeron vahvistus

Vahvistataan tekstikenttä vain numeeriselle arvolle. Tässä käytämme isNaN()-funktiota.

 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> 
Testaa nyt

JavaScript-tarkistus kuvan kanssa

Katsotaanpa interaktiivista JavaScript-lomakkeen vahvistusesimerkkiä, joka näyttää oikean ja väärän kuvan, jos syöttö on oikea tai virheellinen.

bash merkkijonon pituus
 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){>
Testaa nyt

Lähtö:

Anna nimi:
Kirjoita salasana:

JavaScript sähköpostin vahvistus

Voimme vahvistaa sähköpostin JavaScriptin avulla.

Sähköpostitunnuksen vahvistamiseksi on noudatettava monia ehtoja, kuten:

  • sähköpostitunnuksen tulee sisältää @ ja . merkki
  • @-merkin edessä ja jälkeen on oltava vähintään yksi merkki.
  • Sen jälkeen on oltava vähintään kaksi merkkiä. (piste).

Katsotaanpa yksinkertainen esimerkki sähköpostikentän vahvistamiseksi.

 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>
Testaa nyt