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

使用网格系统 http://getbootstrap.com/css/#grid-example-basic

如果您更喜欢简单的（非 bootstrap）解决方案，您仍应使用一些占位符以获得更好的格式。我发现的一个例子（不是我的） http://jsfiddle.net/dqC8t/1/

#wrapper {
width: 500px;
border: 1px solid black;
overflow: auto;
}
#first {
float: left;
width: 300px;
border: 1px solid red;
}
#second {
border: 1px solid green;
margin: 0 0 0 302px;
}

Answer 2

对您的文本框使用 col-md-6 或 span6 CSS class

<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>

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

asp textbox required field validator message positioning

html

css

asp.net

requiredfieldvalidator