如何使用ASP.NET Razor语法应用bootstrap v4表单输入验证类? [英] How to apply bootstrap v4 form input validation classes with the ASP.NET Razor syntax?

问题描述

以下代码:

查看:(有效)

<div class="form-group">
    @Html.LabelFor(m => m.Telefone, new { @class = "font-weight-bold" })
    @Html.TextBoxFor(m => m.Telefone, new { @class = "form-control is-valid", @placeholder = "Digite seu telefone" })
    @Html.ValidationMessageFor(m => m.Telefone, "", new { @class = "text-danger" })
</div>

查看:(无效)

<div class="form-group">
    @Html.LabelFor(m => m.Telefone, new { @class = "font-weight-bold" })
    @Html.TextBoxFor(m => m.Telefone, new { @class = "form-control is-invalid", @placeholder = "Digite seu telefone" })
    @Html.ValidationMessageFor(m => m.Telefone, "", new { @class = "text-danger" })
</div>

示例: https://getbootstrap.com/docs/4.3/组件/表格/#server-side

任何解决方案吗?

推荐答案

使用标签帮助程序的简单解决方案:

Simple solution by using Tag Helpers:

        <div class="form-group">
            <input asp-for="Email" class="form-control">
            <div class="invalid-feedback" style="display:block;">
                <span asp-validation-for="Email"></span>
            </div>
        </div>

这篇关于如何使用ASP.NET Razor语法应用bootstrap v4表单输入验证类?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！