asp.net - 如何在 Bootstrap 类中包装 ASP.net 验证控件？-6ren

asp.net - 如何在 Bootstrap 类中包装 ASP.net 验证控件？

转载作者：行者123 更新时间：2023-12-02 17:49:37

25

4

我正在将 Bootstrap 3 与 ASP.NET Webforms 一起使用，并且我对 Bootstrap 完全陌生。我正在开发的 Web 表单使用 ASP.net 验证控件。我的网络表单有一个包含两列的标准布局，我使用“form-group”类对我的标签和输入字段进行分组。

现在的问题是，当我将标签、输入字段及其验证器放置在 Bootstrap“form-group”类中时，验证器的文本属性中的消息在验证后显示在下一行中。我希望它显示在输入字段旁边。有什么替代方法可以做到这一点吗？

<div class="form-group">
    <asp:Label runat="server" AssociatedControlID="txtBox">Address <span class="required">*</span></asp:Label>
    <asp:TextBox id="txtBox" runat="server"  CssClass="form-control"/>
    <asp:RequiredFieldValidator ID="rfvLine1" ValidationGroup="<%# ValidationGroup %>" ControlToValidate="txtBox" runat="server" Display="Dynamic" ErrorMessage="Line 1 is required." Text="*"/>   
</div>

最佳答案

最简单的方法是在单独的列中创建验证。

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
    <style type="text/css">
        .required {
            color: #e31937;
            font-family: Verdana;
            margin: 0 5px;
        }

        .field-validation-error {
            color: #e31937;
            font-weight: bold;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <br />
        <div class="container form-horizontal">
            <div class="form-group">
                <asp:Label runat="server"
                    AssociatedControlID="txtBox"
                    CssClass="col-xs-12 col-sm-4 control-label">
                    Address 
                    <span class="required">*</span>
                </asp:Label>
                <div class="col-xs-12 col-sm-4 ">
                    <asp:TextBox ID="txtBox" runat="server"
                        CssClass="form-control" />
                </div>
                <div class="col-xs-12 col-sm-4 form-control-static">
                    <asp:RequiredFieldValidator ID="rfvLine1"
                        ControlToValidate="txtBox" runat="server"
                        Display="Dynamic"
                        CssClass="field-validation-error"
                        Text="Line 1 is required." />
                </div>
            </div>
            <div class="form-group">
                <div class="col-xs-12 col-sm-offset-4 col-sm-4 ">
                    <asp:Button runat="server" ID="SubmitButton"
                        Text="Submit" CssClass="btn btn-primary" />
                </div>
            </div>
        </div>
    </form>
</body>
</html>

关于asp.net - 如何在 Bootstrap 类中包装 ASP.net 验证控件？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39374180/

25

4

0

文章推荐： xamarin - 在导航栏中间添加 Logo ？

文章推荐： asp.net - 将文件从浏览器拖放到桌面/应用程序

文章推荐： haskell - “ExceptT ResourceT”与 'ResourceT ExceptT'

文章推荐： haskell - MonadResource 中的资源释放顺序

objective-c - 如何在一个实体(控件)中组合多个 iOS 控件？
我想实现自定义搜索，但遇到了一个麻烦。我需要将 UIButton、SearchBar 组合在一个控件中，以便我可以通过指针引用它。然后我将向该组合控件动态添加更多 UIbutton。最重要的是，我想将
c# - 从母版页的代码后面访问 RadEditor 控件...当它存在时找不到任何 radEditor 控件...有什么问题吗？
它没有在我的方法中执行 if block 中的语句母版页:- 页面加载事件:- Control c = new Control(); DoSomething(c); 我的方法:- protecte
java - ListView 控件(如 ComBox 控件)中 setConverter 的等效项在哪里？
ComboBox 控件有一个 setConverter 方法，请参阅 JavaFX ComboBox - Display text but return ID on selection举个例子。我正在
用于标记化的 WPF 控件
我没有找到任何包含用于标记化(标记)文本输入的控件的 wpf 库。也许我找不到库，因为我错误地调用了这个组件。怎么叫或者哪里有这样的库？最佳答案 DevExpress WPF 库包含多个数据编辑控件
带有代码高亮显示的 Silverlight 控件？
是否有 Silverlight 控件允许您输入文本并将其突出显示为代码？例如: foreach (client in Clients){ client.Save();} would become
WPF TopMost 控件
我有以下用户控件 a) Panel.ZIndex="99999999" 是否是将此控件设置为该控件中 TopMost 的正
C# 隐藏所有标签/控件
是否可以在 Windows 窗体中使用 C# 在窗体加载时隐藏所有特定控件，例如标签或按钮，然后选择显示我不想显示的那些？我有一个包含很多按钮和标签的程序，但我只想在加载时显示一两个，我觉得对每个标
delphi - 如何复制组件/控件？
这个问题已经有答案了: 已关闭11 年前。 Possible Duplicate: Duplicating components at Run-Time 我有一个TMyControl ( Contro
delphi - 控件 'xxx'没有父窗口
我正在尝试在 Delphi 中编写一个 dll 库，其中包含一个创建 TFrame 后代实例并返回它的函数。但是当我在应用程序中导入这个函数时，每次调用它时，我都会得到一个异常，例如“'xxx'控件没
winapi - 如何检测屏幕上特定点的窗口/控件？
是否有 Win32 API 调用来确定哪些窗口和/或控件在特定坐标和/或鼠标下可见？最佳答案您可以使用GetWindowFromPoint 。它将返回窗口句柄，以便您可以使用 GetClassNa
接受数学公式作为输入的 WinAPI 控件
我需要在编辑控件中输入以下公式: 公式是在 MS Word 中制作的。尝试将其复制/粘贴到编辑控件(单行或多行)后，我得到 M 0.33 Q10T9.1-9.7。当我输入这个时，我正在研究 Rich
创建 IWebBrowser2 控件
我只是想成功地将它添加到我的窗口中，但这却出奇地困难。我已经尝试过 #include "windef.h" #include "winbase.h" #include "initguid.h" #i
javascript - 自定义街景按钮/控件
我希望能够使用 google maps api v3 拥有自己的“街景”按钮。单击按钮时，我希望它根据我的标记经纬度加载街景。然后我希望按钮更改为“返回 map ”，然后再次加载默认 map View
PHP - Javascript 控件
我目前正在用 PHP 开发(另一个)开源 CMS，我想使用 javascript 控件，尤其是管理面板。问题是，是否有任何具有 PHP 接口(interface)的开源、可自由分发的控件(用于创建 j
PostgreSQL VCL 控件
我为其编写软件的产品之一是会计类应用程序。它用 C++ 编写，使用 C++ Builder 和 VCL 控件，连接到运行在 Linux 上的 PostgreSQL 数据库。 PostgreSQL 数据
Java KeyListener 控件
我使用 Key Listener 来读取用户的输入，但我遇到了问题。首先，我读到 JTextField“请输入您的姓名”。如果用户输入一个名字，例如 John，它将更改为 John。但是，如果用户输入
css - 如何对齐数据表列中的文本/控件？
我正在尝试对齐数据表列中的复选框(h=center，v=middle) ... 但复选框仍然显示在错误的位置(见附图)
用于深入了解统计树的 JavaScript 控件
我有一个包含统计信息的 JSON 数据树: { prefix: "a", count: 20, children: [ { prefix: "a:b", c
c# - ListView 控件
我在 Photoshop 中设计了一个模型，我打算将它应用到我的产品目录的 ListView 控件中，但它似乎没有正确显示(未对齐？)，我希望这里的人可以像我一样指出我的错误试图弄清楚无济于事。预期
ASP.NET 控件
您是使用 ASP.NET 控件还是仅使用带有 CSS 的 HTML？我在 TextBox 和 DropDownList 的宽度方面遇到了一些问题。在不同的浏览器中，宽度会有所不同，控件的大小也不会相

首页

博学

6Ren·AI

商城

asp.net - 如何在 Bootstrap 类中包装 ASP.net 验证控件？