getElementById no encuentra el control generado por ASP.net

Question

Estoy simplemente tratando de almacenar una etiqueta en una variable en javascript, pero por alguna razón esto no funciona con document.getElementById('control');. Sé que mi javascript está enlazando mi archivo html bien porque todo lo demás funciona.

Aquí está mi código javascript:

function performEvapCooledCircuit(txt) 
{ 
    var error = document.getElementById('lblError'); 


    if (txt.value == null || isNaN(txt.value)) 
    { 
     error.style.visibility = "visible"; 
    } 
} 

Aquí es el código HTML para mi etiqueta:

<asp:Label ID="lblError" class="NormLabel" runat="server" 
    style="color:red; visibility:hidden;" Text="Invalid Input."></asp:Label> 

Recibo un error que dice que espera objeto ??

Answer 1

El ID que ASP.NET generará no será "lblError", por lo que tendrá que hacer referencia a ella por su ClientID

document.getElementById('<%=lblError.ClientID %>'); 

---

Si el archivo JavaScript externo es por lo general he tenido para escribir un tipo de "Init" javascript método para asegurarse de mi identificación se establecieron propiedad

en su página ASPX:

<script type="text/javascript"> 
    var lblError = null; 
    function InitializeVariables() 
    { 
     if (lblError == null) // make sure you only do this once 
     { 
      lblError = document.getElementById("<%=lblError.ClientID %>"); 
     } 
    } 
</script> 
<asp:Label 
    ID="lblError" 
    class="NormLabel" 
    runat="server" 
    style="color:red; visibility:hidden;" 
    Text="Invalid Input."></asp:Label> 

A continuación, en el archivo JavaScript que tendrá que llamar a InitializeVariables() para asegurarse de que tienes las variables que apuntan a la asp.net adecuada controla

function performEvapCooledCircuit(txt) 
{ 
    InitializeVariables(); 

    if (txt.value == null || isNaN(txt.value)) 
    { 
     lblError.style.visibility = "visible"; 
    } 
} 

Answer 2

El ID de la etiqueta no es "lblError". El motor de ASP.net cambió la ID. Compruebe el código fuente HTML en el navegador para descubrir la identificación real.

Answer 3

Eso no es HTML para la etiqueta, es decir, un control ASP.NET que se procesará en HTML antes de enviarse en la respuesta. Los controles ASP.NET WebForms a veces cambian la identificación del HTML que crean.

Ver el origen de la página web para ver cuál es la identificación del elemento HTML en la página representada.

Answer 4

"hunter" ofrece una forma bastante sólida de hacer las cosas, sin embargo, en mi opinión, un método mucho mejor es usar la propiedad "CliendIDMode" en el control y establecer esa propiedad en "Static". Esto hará que los ID del cliente y del servidor sean los mismos. De esta manera:

<asp:TextBox ID="ServerAndClientId" runat="server" ClientIDMode="Static" /> 

Answer 5

Puede utilizar esta:

document.getElementById('<%= lblError.ClientID %>').click() 

A partir de ASP.NET 4.0 se puede utilizar ClientIDMode propiedad para usted elemento. Y si se establece en Static entonces el valor ClientID se establece en el valor de la propiedad ID:

<asp:Label ID="lblError" runat="server" ClientIDMode="Static" /> 

será mostrado como algo parecido a esto:

<span id="lblError" name="ctl00$MasterPageBody$ctl00$Label1" />