asp.net-mvc – 如何使用ASP.NET Razor语法应用bootstrap v4表单

发布时间：2020-12-16 03:17:53 所属栏目：asp.Net 来源：网络整理

导读：以下代码：查看：(IS-有效) 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.Valid

以下代码：

查看：(IS-有效)

<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>

查看：(IS-无效)

<div class="form-group">
    @Html.LabelFor(m => m.Telefone,new { @class = "form-control is-invalid",new { @class = "text-danger" })
</div>

示例：https://getbootstrap.com/docs/4.0/components/forms/#server-side

有解决方案吗

解决方法

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!