Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: JavaScript tarkistukset!

NixDu [29.04.2005 11:50:55]

#

Niin tuota kyselisin miten saa tarkistuksen tekemään alasveto valikkoon?

Oon saanut tarkistukset tekemään kaikkialle muualle, kuten esim radio buttoniin ja checkboxiin ja tavalliseen tekstikenttään, mutta ainoastaan en ole osannu tehdä sitä Select option valikkoon.

Elikkä sen pitäisi tarkistaa mikä on valittu alas vetovalikosta. Vetovalikosta ei saa valita ensimmäistä koskaan, siihen pitäisi saada tarkistus, muut siitä valikosta saa valita.

javascript.js

//funktio tarkistaa kenttien syötteet
function validate() {

    if (document.lomake.leffa_nimi.value.length < 1)
    {
	window.alert("Leffan nimi laitettava !");
	document.lomake.leffa_nimi.focus(); //siirtää kursorin kenttään jossa virhe
	return false;
    }


    if (document.lomake.ohjaaja.value.length < 1)
    {
	window.alert("Ohjaaja puuttuu !");
	document.lomake.ohjaaja.focus();
	return false;
    }


    if (document.lomake.nayttelija.value.length < 1)
    {
	window.alert("Näyttelijöitä ei ole elokuvassa ??");
	document.lomake.nayttelija.focus();
	return false;
    }


    if (isNaN(document.lomake.julkaisuvuosi.value) || (document.lomake.julkaisuvuosi.value.length < 4))
    {
      	window.alert("Valmistusvuosi on pelkkiä numeroita ja vähintään 4 merkkiä pitkä!");
      	document.lomake.julkaisuvuosi.focus();
      	return false;
    }

    return true;


}  //eof - validate


//Uus funktio joka tarkistaa ettei kirjoiteta muuta kuin numeroita

function checkIt(evt) {
   var charCode = (evt.which) ? evt.which : event.keyCode

   if (charCode > 31 && (charCode < 48 || charCode > 57))
   {
        alert("Laita pelkästään numeroita !")
        return false
   }

return true

}

leffa_lisaa.html

<html>

<script language="JAVASCRIPT" src="javascripts.js">

</script>

<head>

<title>Leffan tallennus</title>

<LINK href="tyylit.css" rel="stylesheet" type="text/css">

</head>

<body class="liukuvari_middle">

<br><br>

<h2>Leffan tallennus</h2>

<table border="0">

<form name="lomake" action="lisaa_leffa.php" method="POST" onSubmit="return validate();" target="oikea" >

<tr>	<td class="alleviivaus">Leffan nimi:</td>
	<td><input type="text" name="leffa_nimi" size="30"></td>
</tr>

<tr>
	<td class="alleviivaus">Ohjaaja:</td>
	<td><input type="text" name="ohjaaja" size="30"></td>
</tr>

<tr>
	<td class="alleviivaus">Näyttelijä:</td>
	<td><input type="text" name="nayttelija" size="30"></td>
</tr>

<tr>
	<td class="alleviivaus">Tuotantoyhtiö:</td>
	<td><input type="text" name="yhtio" size="30"></td>
</tr>

<tr>
	<td class="alleviivaus">Valmistusvuosi:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
	<td><input type="text" name="julkaisuvuosi" onKeyPress="return checkIt(event)" size="4"></td>
</tr>

<tr>
	<td class="alleviivaus">Tyylilaji:</td>
	<td><select name="tyylit" style='width: 130; font-size: 10pt;'>
		    <option value='0'>Kaikki Elokuvat</option>
            <option value='Komedia'>Komedia</option>
            <option value='Seikkailu'>Seikkailu</option>
            <option value='Toiminta'>Toiminta</option>
            <option value='Draama'>Draama</option>
            <option value='Trilleri'>Trilleri</option>
            <option value='Jännitys'>Jännitys</option>
            <option value='Kauhu'>Kauhu</option>
            <option value='Sci-fi'>Sci-fi</option>
            <option value='Sotaelokuva'>Sotaelokuva</option>
            <option value='Piirretty elokuva'>Piirretty elokuva</option>
            <option value='Musiikkielokuva'>Musiikkielokuva</option>
            <option value='Muu'>Muu</option>
            <option value='Lastenelokuva'>Lastenelokuva</option>
            <option value='Animaatio'>Animaatio</option>
            <option value='Western'>Western</option>
	    </select>
	</td>
</tr>


<p>

<td colspan="2">
<br><br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<input type="submit" value="Tallenna">
&nbsp;&nbsp;&nbsp;
<input type="reset" value="Tyhjennä">
</td>


</form>
</table>
</body>

</html>

Valitan minun "huippua" äidinkielentaitoa

Meitsi [29.04.2005 14:15:27]

#

Valitun kohdan saat:

option_nimi.selectedIndex[].value

NixDu [03.05.2005 17:38:44]

#

Kiitoksia nyt toimii

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta