Witam,
Zrobiłem powiadomienie dla pól intup type=text w formularzu. Poptrzebuję jeszcze napisać powiadomienie do pola input type=checkbox.
Oto mój kod javascrpit poniżej:
function sprawdzenie() { var blad=false; document.getElementById("Formularz").onsubmit = function() // zostanie wywołana funkcja jesli uzytkownik nacisnie przycisk wyslij { if(document.getElementById("imie").value == ""){ //wlasciwosc elementu imie dla mojego obiektu jest pusta document.getElementById("imie1").innerHTML = "Uzupełnij imię"; blad = true; // jesli blad przyjmuje wartosc true }else { document.getElementById("imie1").innerHTML = ""; // po to aby po ponownym zaladowaniu strony nie pokazywalo sie powiadomienie np uzupelnij imie } if(document.getElementById("nazwisko").value == ""){ document.getElementById("nazwisko1").innerHTML = "Uzupełnij nazwisko"; blad = true; }else { document.getElementById("nazwisko1").innerHTML = ""; } if(document.getElementById("email").value == ""){ document.getElementById("email1").innerHTML = "Uzupełnij e-mail"; blad = true; }else { document.getElementById("email1").innerHTML = ""; } if(blad == true) // funkcja ta sprawdza czy blad jest rowny prawdzie jesli tak to zwroci fałsz { return false; } else { document.getElementById("prawy").innerHTML=document.getElementById("imie").innerHTML; } }; } window.onload = function(){ //Ta funkcja wykonuje się przy wczytaniu okna przeglądarki sprawdzenie(); }; document.getElementById("send").onclick = sprawdzenie; //funkcja ktora po nacisnieciu przycisku "wyslij" , sprawdza pole
Oraz kod html z formularza:
<form id="Formularz" action="" method="post"> <p>Imię:</p> <input type="text" name="imie" id="imie" /> <a id="imie1"></a> <p>Nazwisko:<p> <input type="text" name="nazwisko" id="nazwisko" /> <a id="nazwisko1"></a> <p>Płeć:</p> <input type="radio" name="plec" value="kobieta">Kobieta <input type="radio" name="plec" value="mężczyzna">Mężczyzna <p>Jakie znasz języki?</p> <input type="checkbox" name="jezyk" value="angielski">angielski<br> <input type="checkbox" name="jezyk" value="francuski"> francuski<br> <input type="checkbox" name="jezyk" value="niemiecki"> niemiecki<br> <input type="checkbox" name="jezyk" value="rosyjski">rosyjski<br><br> <strong>Adres e-mail:</strong> <input type="text" name="email" id="email" /> <a id="email1"></a> <p>Hobby:<p> <select name="hobby"> <option >Muzyka</option> <option >Sport</option> <option >Polityka</option> <option>Malarstwo</option> <option>Wędkarstwo</option> </select> <p>Tutaj wpisz wiadomość:</p> <textarea name="uwagi" rows="2" cols="10"> </textarea> <br> <br> <input type="submit" value="Wyślij" id="send"/> <input type="reset" value="Resetuj"> </form>