Site hosted by Angelfire.com: Build your free website today!

JavaScript Valideerimine

CSS JavaScript'i saab kasutada Html vormingute (<form>) kontrollimiseks enne kui selle sisu jõuab serverisse.

Põhiliselt kontrollitakse vormingutes JavaScripti abil järgmist:

Näited:

 red_dot.gif Tekstivälja kontrollimine 
Selles näites demonstreeritakse kuidas JavaScript funktsioon töötab kui tekstiväli jäetakse tühjaks.

 red_dot.gif Meiliaadressi kontrollimine 
Selles näites demonstreeritakse kuidas JavaScript funktsioon töötab kui sisestatud meiliaadress pole korrektselt kirjutatud.

 red_dot.gif Meiliaadressi kontrollimine 2 
Selles näites demonstreeritakse kuidas JavaScript funktsioon töötab kui sisestatud meiliaadress pole korrektselt kirjutatud.

 red_dot.gif Mitu tekstivälja 
Selles näites demonstreeritakse kuidas JavaScript funktsioon saavutab kontrolli mitme tekstivälja üle.

 red_dot.gif 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>