[ASP.NET Core 3.1 MVC Razor页面仅在模型成员有效时显示图标

Posted 2023-01-07

我有一个Razor页面，该页面具有一个小的注册表单，并且它通过jquery非侵入式验证脚本使用客户端验证。错误消息可以正常打印，并且所有其他信息，但我想对表单元素进行更多样式设置，因为我已经在使用Bulma CSS。

这里是一个字段

<div class="field">
    @html.LabelFor(a => a.Username, null, new  @class = "label" )
    <div class="control has-icons-left has-icons-right">
        @Html.TextBoxFor(a => a.Username, new  @class = "input is-rounded" )
        <span class="icon is-small is-left">
            <i class="fas fa-user"></i>
        </span>
        @if (Html.ValidationMessageFor(a => a.Username) == null) //always false even if the validation message at the bottom is not displayed
        
            <span class="icon is-small is-right">
                <i class="fas fa-check"></i>
            </span>
        
        else
        
            <span class="icon is-small is-right">
                <i class="fas fa-exclamation-triangle"></i>
            </span>
        
    </div>
    <p>@Html.ValidationMessageFor(a => a.Username, "", new  @class = "help is-danger" )</p>
</div>

所以，现在我的问题是，如何使if..else正常显示一个很好的选中标记，如果一切正常，则显示一个危险符号。

答案

好吧，经过更多的研究和研究，我找到了解决方案。