No se puede leer la longitud característica de indefinido

Question

Estoy tratando de comprobar simplemente si tengo un cuadro de texto de entrada vacío pero me sale este error cuando ejecuto esto en cromo:

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

Aquí es cómo van haciendo sobre él . Compruebo la disponibilidad de DOM y luego llamo a la función.

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

La identificación de la entrada parece no es WallSearch. Tal vez estás confundiendo ese name y id. Son dos propiedades diferentes. name se usa para definir el nombre con el que se publica el valor, mientras que id es la identificación única del elemento dentro del DOM.

Otra posibilidad es que tenga dos elementos con la misma identificación. El navegador elegirá cualquiera de estos (probablemente el último, quizás el primero) y devolverá un elemento que no admite la propiedad value.

Answer 2

tal vez, puede determinar en primer lugar si existe realmente es el DOM,

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); 
}