- JavaScript-lomakkeen vahvistus
- Esimerkki JavaScriptin validoinnista
- 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==''){ alert('Name can't be blank'); 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('password must be same!'); 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('numloc').innerHTML='Enter Numeric value only'; 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('@'); var dotposition=x.lastIndexOf('.'); 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