JavaScript-opas

JAVASCRIPTIIN LIITTYVÄÄ KOULUTUSTA v.2008

Kurssit saatavilla kautta Suomen. Tule ja varaa oma koulutustapahtumasi jo tänään. IT-koulutuksen asiantuntijasi, Koulutus- ja konsultointipalvelu KK Mediat

JavaScriptin Form-olio ja lomakedatan käsittely

Nyt voimmekin rakentaa yksinkertaisen ja universaalin lomakkeen tarkistuksen, joka antaa virheilmoituksen jos jokin arvoista puuttuu:


<form name="lomake1" onSubmit="tarkista(); return false">
<label>Nimi<label><br>
<input size="20" name="Nimi"><br>
<label>Osoite<label><br>
<input size="20" name="Osoite"><br>
<label>Kaupunki<label><br>
<input size="20" name="Kaupunki"><br>
<label>E-mail</label>
<input size="20" name="Email"><br>

<input type="submit" VALUE="Lähetä"><br>
</form>


<script type="text/javascript">
function tarkista()
{
for (i=0;i<4;i++) {	{
  	  a = document.lomake1.elements[i];
	     if (!a.value){
		alert('Ole hyvä ja täytä kenttä ' + a.name + '!');
		a.focus();
		return false;
		}
	}
	return true;
}

Tutustu artikkelin muihin osiin:
»»» JavaScript »»»Form-olion hyödyntäminen pt.1
»»» JavaScript »»»Form-olion hyödyntäminen pt.2
»»» JavaScript »»»Form-olion hyödyntäminen pt.3

JavaScript-opas

JavaScriptin Form-olio ja lomakedatan käsittely

Tallenna tämä sivu kirjanmerkkeihin!