Forum PHP.pl > Walidacja pól - TypeError: document.getElementById(...) is null

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Walidacja pól - TypeError: document.getElementById(...) is null

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

szymek001

3.10.2012, 11:01:52

Witam, mam formularz w którym wpisuje się dane, w zależności od potrzeby można dodać kolejne pola o id kolejno: pole1, pole2, pole3.
W funkcji JS sprawdzam czy są wypełnione poprzez:

[HTML] pobierz, plaintext 
if (document.getElementById("pole1").value != ""
[HTML] pobierz, plaintext

Jednak gdy ktoś wypełni tylko prosty formularz bez uzupełniania dodatkowo stworzonych pól w konsoli wywala błąd:

Kod

TypeError: document.getElementById(...) is null

W jaki sposób pozbyć się tego błędu?

Sephirus

3.10.2012, 11:09:25

Najłatwiej sprawdzaj czy pole istnieje zanim się do niego odwołasz:

[JAVASCRIPT] pobierz, plaintext 
if(document.getElementById("pole1")) {
   // tu sprawdzamy
}
if(document.getElementById("pole2")) {
   // tu sprawdzamy
}
if(document.getElementById("pole3")) {
   // tu sprawdzamy
}
[JAVASCRIPT] pobierz, plaintext

itd...

sowiq

3.10.2012, 11:10:31

Sprawdzaj najpierw, czy pole istnieje:

Kod

var element = document.getElementById('costam');
if(element){
var value = element.value;
// validate ...
}

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.