Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] oznaczanie błednie wypełnionego pola
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Demerzel
Problem pokrewny do już zamieszczonego. Pełno jest przykładów jak wyświetlić komunikat gdy pole formularza niejest wypełnione. Jak zmienić jego kolor albo wyświetlić obok niego informacje (obok a nie wyskakujący alert).
MateuszS
Podstawy JS, przeanalizuj kod.

[JAVASCRIPT] pobierz, plaintext
  1. Nick: <input type="text" id="nick" id="nick" /><span id="komunikat"></span>
  2. <br /><input type="button" onClick="booyakasha('nick')" value="wyslij" />
  3.  
  4. <script type="text/javascript">
  5. function booyakasha(id)
  6. {
  7. var el = document.getElementById(id);
  8. if(el.value=="") {
  9. el.style.border = "1px solid red";
  10. document.getElementById("komunikat").innerHTML = "<font color='red'>Nie wypelniono pola "+id+"</font>";
  11. }
  12. }
  13. </script>
[JAVASCRIPT] pobierz, plaintext
kamil4u
Polecam: http://www.elus.who.vectranet.pl/praktyki/valid/
Demerzel
Zmodyfikowałem posiadany już kod, który pokazałem tu. Zaznaczyło mi gdzie i jak chciałem błąd. Jednak dostałem ten sam problem, zmiana się pokazała i zniknęła przed pełnym załadowaniem strony.
Spróbowałem zapisu:
  1. <form name="dodaj" method="post">
  2. Podaj imie: <input type="text" name="imie" size="15">
  3. Podaj nazwisko: <input type="text" name="nazwisko" size="15">
  4. Podaj date urodzin: <input type="text" name="dzien" size="2">-
  5. <input type="text" name="miesiac" size="2">-
  6. <input type="text" name="rok" size="4">r
  7. <input type="submit" name="funkcja" onClick="spr('imie')" value="dodaj">
  8. </form>
  9. <script type="text/javascript">
  10. function spr(id)
  11. {
  12. var el = document.getElementById(id);
  13. if(el.value==""){
  14. el.style.border = "1px solid red";
  15. document.getElementById("komunikat").innerHTML="<font color='red'>Nie wypełniono"+id+"</font>";
  16. }
  17. }</script>

Naciśnięcie przycisku wchodzi do funkcji ale nie wykonuje getelementbyid.
Tyle razy ile podchodziłem do JavaScript tyle razy stwierdzałem że to jeden z bardziej poronionych wynalazków jak .NET i C#. Dwa razy więcej klepania i kłopotu z debugowaniem a da się inaczej...
Pozdrawiam
icetique
Ustaw id="imie" do inputa imie.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.