如果引导程序为空，则希望在所需表单文本字段上显示红色边框答案

【问题标题】：Want to display red-border on required form textfields if they are empty with bootstrap如果引导程序为空，则希望在所需表单文本字段上显示红色边框
【发布时间】：2017-12-01 16:00:51
【问题描述】：

所以正如标题所说，如果需要并且在提交时碰巧为空，我想给我的表单文本字段一个红色边框。我搜索了互联网，看看我是否能找到如何做到这一点，但没有成功......我已经将 .required 添加到我的表单控件中，它确实在 texfields 下方显示“此字段是必需的”，但没有红色边框。有人可以告诉我我做错了什么吗？我的代码现在看起来像这样：

<form id="addEditDivisionForm" method="post">
    <div class="form-horizontal">
 <div class="form-group">
                <label class="control-label col-md-4">
                    @GlobalResources.Division <span class="mandatory">*</span>
                </label>
                <div class="col-md-8">
                    @Html.EditorFor(model => model.Name, new { htmlAttributes = new { @class = "form-control required" } })
                    @Html.ValidationMessageFor(model => model.Name, "", new { @class = "text-danger" })
                </div>
            </div>
     <div class="form-group">
            <div class="col-md-offset-2 col-md-9">
                <input type="button" id="btnSaveDivision" value=" @GlobalResources.Save" class="btn btn-default" />
            </div>
        </div>
    </div>
</form>

我希望它看起来像这样： http://1000hz.github.io/bootstrap-validator/

【问题讨论】：

您提供的链接字面上告诉您如何操作...
无效输入应该有input-validation-error或类似的类，你可以应用一些CSS规则。
正如您提供的@Deckerz 链接所提到的，它清楚地显示了如何实现这一点。你为什么不试试validator.js。
我尝试了我提供的页面中的内容，但没有得到想要的输出。当我像这样@class=“form-control required”应用“必需”时，我的texfield的边框不会被读取。我只是在它下面收到一条错误消息，例如“此字段是必需的”。
required 是一个 HTML-5 属性，与 MVC 的客户端验证无关（如果您已经实现了客户端验证，那么您的 required 属性无论如何都会被忽略 - @987654327 @插件添加novalidate="novalidate" to your
`)

标签： html css asp.net-mvc twitter-bootstrap

【解决方案1】：

我终于找到了我要找的东西。这很简单，我只是在我的 CSS 中添加了这段代码，问题就解决了：

.form-control.error {
    border-color: #E74C3C;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6);
}

【讨论】：