7_1. Példa: Egy űrlap ellenőrzése

<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">

//Igaz értékkel tér vissza, ha a mezo nem üres
function uresCheck(mezo){
  if (mezo.value != "")
    return true;
  else{
    alert("A(z) "+ mezo.name +" mezô üres!");
    return false;
  }
}

//Igaz értékkel tér vissza, ha a mezo belsejében szerepel a @
function emailCheck(mezo){
  var szoveg = mezo.value;
  if (szoveg.indexOf('@')>0 && szoveg.indexOf('@')<szoveg.length-1)
    return true;
  else{
    alert("Rossz e-mail cím!");
    return false;
  }
}

//Igaz értékkel tér vissza, ha az adat csak a minta karaktereit tartalmazza
function teszt(adat,minta){
  for (var i=0; i<adat.length; i++)
    if (minta.indexOf(adat.charAt(i)) == -1)
      return false;

  return true;
}

//Igaz értékkel tér vissza, ha a mezo nem üres és csak számjegyeket tartalmaz
function numerikusCheck(mezo){
  if (uresCheck(mezo) && teszt(mezo.value,"1234567890"))
    return true;
  else{
    alert("Ez nem numerikus érték!");
    return false;
  }

}

//Igaz értékkel tér vissza, ha az adat legalább 1 karaktert tartalmaz a minta-ból
function tartalmaz(adat,minta){
  for (var i=0; i<adat.length; i++)
    if (minta.indexOf(adat.charAt(i)) != -1)
      return true;
  return false;
}

//Igaz értékkel tér vissza, ha a mezo nem üres és csak a "1234567890()/- " karaktereket
//tartalmazza és tartalmaz számjegyet
function telefonCheck(mezo){
  if (uresCheck(mezo) && teszt(mezo.value,"1234567890()/- ") &&
      tartalmaz(mezo.value,"1234567890"))
    return true;
  else{
    alert("Ez nem jó telefonszám!");
    return false;
  }
}

//Ha az összes mező helyes, a form action tulajdonságát beállítja a form levélben
//való elküldéséhez, és igaz értékkel tér vissza.
function ellenoriz(){
  if (uresCheck(document.form.nev) && numerikusCheck(document.form.ev) &&
      telefonCheck(document.form.telefon) && emailCheck(document.form.email)){
    document.form.action = "mailto:"+document.form.email.value;
    return true;
  }
  else return false;
}
</SCRIPT>
</HEAD>
<BODY>

<!--Az ACTION tulajdonság egyelőre üres, ENCTYPE: az elküldött adatok kódolása,
onSubmit: küldéskor meghívja az ellenoriz() függvény, és csak akkor küldi el
a formot, ha az igaz értékkel tér vissza. -->
<FORM NAME="form" ACTION="dummy" ENCTYPE="text/plain" onSubmit="return ellenoriz()">

<P>Neved?<BR>
<INPUT TYPE="text" NAME="nev" SIZE="20">
<P>Hány éves vagy?<BR>
<INPUT TYPE="text" NAME="ev" SIZE="20">
<P>Telefonszám:<BR>
<INPUT TYPE="text" NAME="telefon" SIZE="20">
<P>Az űrlap a következő e-mail címre lesz elküldve...<BR>
<INPUT TYPE="text" NAME="email" SIZE="20">
<P>
<INPUT TYPE="submit" NAME="submit" VALUE="Elküld">
</FORM>

</BODY>
</HTML>