nie można odczytać długość własności undefined

Question

Staram się po prostu sprawdzić, czy mam pola pustego tekstu wejściowego, ale pojawia się ten błąd, gdy uruchomię to w chrome:

Uncaught TypeError: Cannot read property 'length' of undefined. 

Oto jak ja go o to robi . Sprawdzam gotowość DOM, a następnie wywołuje funkcję.

function walkmydog() { 
    //when the user starts entering                                     
    if(document.getElementById('WallSearch').value.length == 0) { 
     alert("nothing"); 
    } 
} 

if (document.addEventListener) { 
    document.addEventListener("DOMContentLoaded", walkmydog, false); 
} 

Answer 1

Identyfikator wejścia wydaje się nie być WallSearch. Być może mylisz to, że name i id. Są to dwie różne właściwości. name służy do definiowania nazwy, pod którą wartość jest publikowana, natomiast id jest unikalną identyfikacją elementu wewnątrz DOM.

Inną możliwością jest to, że masz dwa elementy o tym samym id. Przeglądarka wybierze jedną z nich (prawdopodobnie ostatnią, być może pierwszą) i zwróci element, który nie obsługuje właściwości value.

Answer 2

być może, można najpierw określić, czy DOM jest naprawdę istnieje,

function walkmydog() { 
    //when the user starts entering 
    var dom = document.getElementById('WallSearch'); 
    if(dom == null) 
    { 
     alert('sorry, WallSearch DOM cannot be found'); 
     return false;  
    } 

    if(dom.value.length == 0) { 
     alert("nothing"); 
    } 
} 

if (document.addEventListener) { 
    document.addEventListener("DOMContentLoaded", walkmydog, false); 
}