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代码以及放置

利润率左=＆＃34;＆＃34;

我在网上看到了解决方案。两者都没有正常工作。

Answer 1

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

如果您更喜欢简单（非引导）解决方案，则仍应使用一些占位符来实现更好的格式化。我发现的一个例子（不是我的） 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

使用TextBox的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>

asp文本框需要字段验证器消息定位

2 个答案: