JavaScript Valideerimine
JavaScript'i saab kasutada Html vormingute (<form>) kontrollimiseks enne kui selle sisu jõuab serverisse.
Põhiliselt kontrollitakse vormingutes JavaScripti abil järgmist:
- Kas kasutaja on jätnud mõne tekstivälja tühjaks?
- Kas kasutaja on sisestanud meiliaadressi õigesti?
- Kas kasutaja on kirjutanud õige daatumi?
- Kas kastaja on kirjutanud sisestusväljale numbrite asemel teksti v. vastupidi?
Näited:
Tekstivälja kontrollimine
Selles näites demonstreeritakse kuidas JavaScript funktsioon töötab kui tekstiväli jäetakse tühjaks.
Meiliaadressi kontrollimine
Selles näites demonstreeritakse kuidas JavaScript funktsioon töötab kui sisestatud meiliaadress pole korrektselt kirjutatud.
Meiliaadressi kontrollimine 2
Selles näites demonstreeritakse kuidas JavaScript funktsioon töötab kui sisestatud meiliaadress pole korrektselt kirjutatud.
Mitu tekstivälja
Selles näites demonstreeritakse kuidas JavaScript funktsioon saavutab kontrolli mitme tekstivälja üle.
Tekst ja Email
Selles näites demonstreeritakse kuidas JavaScript funktsioon saavutab kontrolli mitme tekstivälja üle ning teateaken informeerib tehtud vigadest ja sisestatud informatsioonist.
Tekstiväljad
Allpool kirjutatud funktsiooni näide kontrollib kas kõik nõutud tekstiväljad on täidetud. Juhul kui tekstiväli on jäetud tühjaks siis ilmub hoiatusaken teatega. Näiteks: "Palun sisesta ainult numbrid!". Juhul kui tekstiväljad on täidetud vastavalt nõutud tingimustele siis funktsioon käivitub:
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{
alert(alerttxt);return false;
}
else
{
return true;
}
}
}
Kogu skript näev välja selline:
<html>
<head>
<script type="text/javascript">
function validate_required(field,alerttxt)
{
with (field)
{
if (value==null||value=="")
{alert(alerttxt);return false;}
else {return true}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_required(email,"Kirjuta meiliaadress!")==false)
{email.focus();return false;}
}
}
</script>
</head>
<body>
<form action="submitpage.htm"
onsubmit="return validate_form(this)"
method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Sisesta">
</form>
</body>
</html>
Meiliaadressi Valideerimine
Allpool oleva näite kirjaviisi kasutatakse meiliaadressi kontrollimiseks. S.t. et andmetesse peab olema kirjutatud @ märk ja punkt (.). @ märk ei tohi olla aadressi alguses ja @ märgi ja punkti vahel peab olema vähemalt üks tähemärk:
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false;}
else {return true;}
}
}
Kogu skript peaks olema selline:
<html>
<head>
<script type="text/javascript">
function validate_email(field,alerttxt)
{
with (field)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
if (apos<1||dotpos-apos<2)
{alert(alerttxt);return false;}
else {return true;}
}
}
function validate_form(thisform)
{
with (thisform)
{
if (validate_email(email,"See pole meiliaadress!")==false)
{email.focus();return false;}
}
}
</script>
</head>
<body>
<form action="submitpage.htm"
onsubmit="return validate_form(this);"
method="post">
Email: <input type="text" name="email" size="30">
<input type="submit" value="Sisesta">
</form>
</body>
</html>
