Primer 69

Preverjanje obrazca z regularnimi izrazi

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 eposta_vzorec=new RegExp (".+@.+\\.[a-z]+"); var crke_vzorec =new RegExp("^[a-zA-ZšŠcCcCžŽdĐ]+$"); var e_posta=document.getElementById("e-posta"); var starost=document.getElementById("starost").value; var priimek=document.getElementById("priimek").value; var lahkoPosljes="true"; alert("Testiranje crk: "+crke_vzorec.test(priimek)+"\nTestiranje e-poste: "+e_posta.value+" "+ eposta_vzorec.test(e_posta.value)); if ((priimek.length>20)\|\|(!crke_vzorec.test(priimek))) // preverjanje priimka { alert("Priimek mora biti krajši kot 20 znakov! in mora biti sestavljen iz samih črk"); lahkoPosljes="false"; } if (isNaN(starost)\|\|starost<0\|\|starost>110) // preverjanje starosti { alert("Starost mora biti med 0 in 110 let!"); lahkoPosljes="false"; } if (!eposta_vzorec.test(e_posta.value)) // preverjanje, če je e-poštni naslov v pravilnem formatu { 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 true, č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>