Rendre l'étiquette ASP visible en Javascript?

Question

Ceci est mon étiquette que je veux afficher si l'utilisateur a omis le champ avant de cliquer sur le bouton. Qu'est-ce que je fais de mal parce que rien ne se passe quand je clique sur le bouton.

<asp:Label ID="lblError" runat="server" 
Text="* Please complete all mandatory fields" style="display: none;" > 
</asp:Label> 

Ceci est la fonction que j'appelle quand je clique sur le bouton:

function valSubmit(){ 
    varName = document.form1.txtName.value; 
    varSurname = document.form1.txtSurname.value; 

    if (varName == "" || varSurname == "") 
    { 
    document.getElementById('lblError').style.display = 'inherit'; 

    } 
    else 
    { 

    .................other code go here........................... 
    return true; 
    } 

}

Answer 1

Pourquoi ne pas utiliser les contrôles de validation? Ceux-ci vous donneront client et validation côté serveur de la boîte - pas que je suis paresseux ou quoi que ce soit ... ;-)

Modifier pour commenter:

Le RequiredFieldValidator peut être configuré pour afficher un seul rouge astérisque à côté de chaque contrôle, et un contrôle sommaire de validation pourrait être utilisé MAIS cela prendrait de l'espace.

Ainsi, il est possible que ASP.Net renomme votre contrôle, de sorte que vos JS doivent lire:

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

Donnez qu'un aller ...

Personnellement, je toujours utiliser le validateur contrôles ;-)

Answer 2

Vous ne devriez pas utiliser lblError comme ID dans le code JavaScript. Au lieu de cela, vous devez utiliser:

'<%= lblError.ClientID %>' 

Bien sûr, cela n'est possible que si vous générez le code JavaScript dans le fichier ASP.NET.

Answer 3

Jetez un oeil à jquery, vous pouvez sélectionner par les classes au lieu de id qui ne sera jamais altéré au moment du rendu sur la page (contrairement ids)

Answer 4

sur votre événement souhaité utiliser cette

document.getElementById('<%= lblError.ClientID %>').style.display = ""; or 
document.getElementById('<%= lblError.ClientID %>').style.display = "block" 

ok alors essayez ceci, au lieu du côté client, faites-le côté serveur. D'abord le rendre invisible comme, sur l'ensemble d'événements de formload invisible en utilisant lblEror.visible = false et supprimer style = "display: none" de html. Puis sur l'événement/s souhaité le rendre visible et après traitement à nouveau invisible.

Si vous le voulez strictement Thorough js.try cette solution de contournement. supprimer le style de l'étiquette d'asp. sur body onload le désactive de certaines fonctions de js. maintenant sur l'événement, cliquez BTN rendre visible à l'aide de la méthode quelque chose comme ceci

function Validate() 
    { 
     var objLbl = $get('<%=lblError.ClientID%>'); 
     if (validations fails) 
     { 
      objLbl.style.display = ""; //displays label 
      return false; 
     } 
     else 
     { 
      objLbl.style.display="none" //hides label 
      return true; 
     } 
    } 
<asp:button id="btnValidate" runat="server" onclientclick="return validate();"/> 

Espérons que cela fonctionne