Untitled

<!DOCTYPE html> <html><head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"› <style> input f border: 2px solid #666; </style> <meta content="IE=11.0000" http-equiv="X-UA-Compatible"›
<meta charset="utf-8"› <title>Formularz</title> <script> // Deklarujemy funkcje wysykajaca dane function wyslij() f
tablicy
if (document.getElementById("mezczyzna").checked == true) f plec = "meZczyzna"; 1 else if (document.getElementById("kobieta").checked == true)
plec = "kobieta"; 1 else if (document.getElementById("gender").checked == true) f plec = "gender"; 1 else f // Jesli nie wybrana ustawiamy na false plec = false;
// Deklarujemy tablice zawierajaca zainteresowania zaintersowania = new Array();
// Sprawdzamy zainteresowania i jeSli sa zaznaczona dodajemy do
if (document.getElementById("sport").checked == true) { zaintersowaniel = "sport"; } else f zaintersowaniel = "";
1 if (document.getElementById("muzyka").checked == true) { zaintersowanie2 = "muzyka"; } else f zaintersowanie2 = "";
1 if (document.getElementById("literatura").checked == true) f zaintersowanie3 = "literatura"; 1 else f zaintersowanie3 = "";
1 if (document.getElementById("podroze").checked == true) f zaintersowanie4 = "podroze"; 1 else f zaintersowanie4 = "";
// Przypisujemy elementy HTML do zmiennych imie = document.getElementById("imie"); drugieimie = document.getElementById("drugieimie"); nazwisko = document.getElementById("nazwisko"); miejsce = document.getElementById("zamieszkanie"); skad = document.getElementById("skad").value; wiadomosc = document.getElementById("wiadomosc");

// Czyscimy czerwone obramowania nieprawidlowo uzupelnionych
imie.style.borderColor = "#343434"; nazwisko.style.borderColor = "#343434"; drugieimie.style.borderColor = "#343434"; miejsce.style.borderColor = "#343434"; wiadomosc.style.borderColor = "#343434";
// Wywokujemy funkcje walidujaca podane wartogci waliduj();
function reset() f document.getElementById("imie").value = " "; document.getElementById("drugieimie").value = " "; document.getElementById("nazwisko").value = " "; document.getElementById("mezczyzna").checked = false; document.getElementById("kobieta").checked = false; document.getElementById("gender").checked = false; document.getElementById("sport").checked = false; document.getElementById("muzyka").checked = false; document.getElementById("literatura").checked = false; document.getElementById("podroze").checked = false; document.getElementById("zamieszkanie").selectedIndex = 0; document.getElementById("skad").selectedIndex = 0; document.getElementById("wiadomosc").value = " ";
1 function waliduj() f
// Jegli to zmienna bedzie "false" dane nie przejda walidacji var wszystkoOK = true;
// String zawierajacy errory var errors = "Musisz uzupeInie nastepujace pola: <br>";
// Jegli pole imie bedzie puste do zmiennej errors dodajemy jej nazwe, ustawiamy wszystkoOK na false i kolorujemu obramowanie pola na czerwone... if(imie.value == "") f errors += "- Imie <br>"; wszystkoOK = false; imie.style.borderColor = "red";
if(drugieimie.value == "") f errors += "- Drugie imie <br>"; wszystkoOK = false; drugieimie.style.borderColor = "red";
if(nazwisko.value == "") f errors += "- Nazwisko <br>"; wszystkoOK = false; nazwisko.style.borderColor = "red";
if(miejsce.value == "") f errors += "- Zamieszkanie <br>"; wszystkoOK = false;
miejsce.style.borderColor = "red";
if(plec == false) f
errors += "- Plea <br>";
wszystkoOK = false;
// Jesli wybrany jest podstawowy index znadczy to ze uzytkownik
nic nie wybral
if(miejsce.selectedIndex == 0) f
errors += "- Miejsce zamieszkania <br>";
wszystkoOK = false;
miejsce.style.borderColor = "red";
// sprawdzamy czy sa wybrane zainteresowania
if(zaintersowaniel == "" && zaintersowanie2 == "
zaintersowanie3 == "" && zaintersowanie3 == "") f
errors += "- Zainteresowanie <br>";
wszystkoOK = false;
if(wiadomosc.value == "") f
errors += "- Wiadomoge <br>";
wszystkoOK = false;
wiadomosc.style.borderColor = "red";
if(wszystkoOK != true) {
document.getElementById("errors").innerHTML = errors;
} else f
// Wszystko OK! Wygwietlamy dane!
document.write("Formularz uzupelniono
pomyglnie:<br><hr><h2>Podsumowanie</h2><br><hr>");
document.write("Imiona i nazwisko: " + imie.value + " " +
drugieimie.value + imie.nazwisko + "<br>");
document.write("PIee: " + plea + "<br>");
document.write("Zainteresowania: " + zaintersowania +
"<br>");
document.write("Miejsce zamieszkania: " + miejsce.value
"<br>");
document.write("Wiadomose: " + wiadomosc.value + "<br>") ;
</script>
<meta name="GENERATOR" content="MSHTML 11.00.9600.18125"›
</head>
<body>Pierwsze imie:
<input id="imie" type="text">
<br>Drugie imie:
<input id="drugieimie" type="text">
<br> Nazwisko:
<input id="nazwisko" type="text">
<br>PIee: Me2czyzna
<input name="al" id="mezczyzna" type="radio"> Kobieta
<input name="al" id="kobieta" type="radio" value="kobieta"> Gender <input name="al" id="gender" type="radio" value="gender"› <br>Zaintersowania: <br>Sport <input id="sport" type="checkbox"› Muzyka <input id="muzyka" type="checkbox"› Literatura <input id="literatura" type="checkbox"› Podr62e <input id="podroze" type="checkbox"› <br>Miejsce zamieszkania: <select id="zamieszkanie"><option selected="selected"›  </option> <option>Afryka</option> <option>Ameryka PaInocna</option> <option>Ameryka PoIudniowa</option> <option>Australia</option> <option>Azja</option> <option>Europa</option> </select> <br>Gdzie Pan/Pani o nas uskyszak(a): <select id="skad"><option selected="selected">W prasie</option> <option>W radiu</option> <option>W telewizji</option> <option>W internecie</option> <option>Od znajomych</option> </select> <br>Wiadomoge: <textarea id="wiadomosc"></textarea> <br> <input id="wyslij" onclick="wyslij()" type="button" value="Wyglij"> <input onclick="location.reload()" type="button" value="Wyczysc"› <input onclick="reset()" type="button" value="Resetuj"› <div id="errors"></div>
</body></html>