html - 想要在必填表格文本字段上显示红色边框(如果它们使用 bootstrap 为空)

因此，正如标题所述，如果需要并且在提交时碰巧是空的，我想给表单文本框加一个红色边框。我搜索了互联网，看看是否可以找到方法，但是没有成功...我已经在表单控件中添加了.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/

最佳答案

我终于找到了我想要的东西。很简单，我在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);
}

关于html - 想要在必填表格文本字段上显示红色边框(如果它们使用 bootstrap 为空)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/47574961/