html - asp 文本框必填字段验证器消息定位

Question

我使用 asp:RequiredFieldValidator 来验证文本框。它工作正常。但是我需要更改错误消息的位置。

<div class="form-group">
                <label for="txtGarageName" class="col-sm-2 control-label">Garage Name</label>
                <asp:TextBox runat="server" placeholder="Garage Name" CssClass="form-control" Width="50%" ID="txtGarageName"></asp:TextBox>
                      <asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server"
                      ControlToValidate="txtGarageName"
                      ErrorMessage="Garage name is a required field."
                      ForeColor="Red">
                  </asp:RequiredFieldValidator>
              </div>

当我使用此错误消息时，从标签的正下方开始显示。我需要做的是让错误消息显示在文本框前面或将其与 TextBox 起点对齐，这意味着将其更靠右对齐。我试过使用 css 代码以及放置

margin-left=""

我在互联网上看到的解决方案。两者都无法正常工作。

Answer 1

为您的文本框使用 col-md-6 或 span6 CSS 类将适合您

<asp:TextBox runat="server" placeholder="Garage Name" CssClass="form-control span6"  ID="txtGarageName"></asp:TextBox>

<asp:RequiredFieldValidator id="RequiredFieldValidator1" runat="server"
                          ControlToValidate="txtGarageName"
                          ErrorMessage="Garage name is a required field."
                          ForeColor="Red">
                      </asp:RequiredFieldValidator>