Contrôler les zones de texte vides en C#

Souvent , lors du remplissage d'un formulaire web,  certaines zones de texte sont obligatoires au remplissage. Nous essayons ici de montrer comment nous avons procédé pour souligner en rouge les zones de text qui ne que l'utilisateur du formulaire a oublié de remplir.

1. Partie asp


        <div>
            <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
        </div>

        <div>
            <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
        </div>

        <div>
            <asp:TextBox ID="TextBox3" runat="server"></asp:TextBox>
        </div>


        <div>
         
            <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />

        </div>



2. Partie C#


 protected void Button1_Click(object sender, EventArgs e)
        {
          //Créons la liste des text box



          List<TextBox> listTextbox = new List<TextBox>();

            listTextbox.Add(TextBox1);
            listTextbox.Add(TextBox2);
            listTextbox.Add(TextBox3);


        //Balayons la liste avec foreach


foreach (System.Web.UI.WebControls.TextBox textbox in listTextbox)
            {
                if (String.IsNullOrEmpty(textbox.Text))
                {
                    textbox.Attributes.CssStyle.Value = "border:1px solid #FF0000";
                    Msg_Form.Attributes.CssStyle.Value = "color:#FF0000";
                    Msg_Form.Text = string.Format("Tous les champs suivis d'un signe * sont obligatoires");
                }

                else
                {
                    Msg_Form.Text = "";
                    textbox.Attributes.CssStyle.Value = "border:1px solid #C1C1C1";
                }
}




Thanks to Gauthier K.

Hauteur dynamique d'un bloc sans javascript

Souvent le contenu déborde du cadre dans lequel il est placé, ce qui ne donne pas une bonne image à l'internaute.

Sans utiliser du javascript, il est possible de rendre la hauteur d'un bloc (div) automatique; c'est-à-
dire qui change en fonction de son contenu. Dans l'exemple suivant nous avons un conteneur parent et un conteneur fils. La hauteur du conteneur parent vas changer de valeur en fonction du conteneur fils. On parle d'un conteneur à hauteur variable ou un div dynamic. Rien qu'avec du css.



Partie CSS

.div_parent
{
min-height:20px;
height:auto !important;
height:20px;
}

.div_enfant
{
height:100%;
}

Partie HTML

<div class="div_parent">

     <div class="div_enfant">
     Lorem Ipsum has been the industry's standard dummy text ever
since the 1500s, when an unknown printer took a galley of
type and scrambled it to make a type specimen book.
    </div>


</div>