Primer 68

Preverjanje obrazca - osnove

Izvorna koda HTML:		Rezultat izvedbe kode HTML:
<html> <head> <script type="text/javascript"> //funkcija vrne true, če so priimek, starost in e-pošta pravilno vnešeni function preveri() { var afna=document.getElementById("e-posta").value.indexOf("@"); var starost=document.getElementById("starost").value; var priimek=document.getElementById("priimek").value; var lahkoPosljes="true"; if (priimek.length>20) // preverjanje priimka { alert("Priimek mora biti krajši kot 20 znakov!"); lahkoPosljes="false"; } if (isNaN(starost)\|\|starost<0\|\|starost>110) // preverjanje starosti { alert("Starost mora biti med 0 in 110 let!"); lahkoPosljes="false"; } if (afna==-1) // preverjanje, če v e-posti obstaja znak @ { alert("Elektronska pošta ni pravilna!"); lahkoPosljes="false"; } if (lahkoPosljes=="false") return false; // funkcija vrne false, če so vnešeni podatki napačno vnešeni else return true; //funkcija vrne ftrue, če so vnešeni podatki pravilno vnešeni } </script> </head> <body> <form name="obrazec" action="http://uss.feri.uni-mb.si/uss/obdelaj.aspx" method="post" onsubmit="return preveri()"> <table> <tr> <td>Priimek (vnesete lahko največ 20 znakov): </td> <td><input type="text" name ="priimek" id="priimek" size="30"></td> </tr> <tr> <td>Starost (vnesete lahko vrednosti med 0 in 110): </td> <td><input type="text" name="starost" id="starost" size="3"></td> </tr> <tr> <td>E-pošta (Vnesite pravilen naslov e-pošte): </td> <td><input type="text" name="e-posta" id="e-posta" size="30"></td> </tr> <tr> <td></td> <td><input type="submit" name="Poslji" value="Pošlji" /></td> </tr> </table> </form> </body> </html>