You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

MudBlazor如何隐藏验证错误消息,仅保留红色边框和标签?

解决MudTextField隐藏验证错误消息的问题

针对你用Blazor + MudBlazor遇到的验证时显示错误消息的问题,有两种简单方法可以只保留红色边框和标签的视觉提示,隐藏错误文本:

方法一:直接设置组件的ErrorText属性

给MudTextField加上ErrorText=""属性,强制将错误文本设为空,这样验证触发时只会显示红色边框和标签,不会弹出错误消息:

<MudTextField T="string?" For="@(() => model.Password)" @bind-Value="model.Password"
              Label="Password" Variant="Variant.Outlined" InputType="@PasswordInput"
              Adornment="Adornment.End" AdornmentIcon="@PasswordInputIcon"
              OnAdornmentClick="TogglePasswordBox" 
              ErrorText="" />

方法二:用CSS全局隐藏错误消息

如果需要统一处理所有输入框的错误消息显示,可以添加自定义CSS,隐藏MudBlazor默认的错误消息容器:

.mud-input-helper-text.mud-input-error {
    display: none;
}

把这段代码放到组件的<style>标签里,或者项目的全局样式文件中即可生效。

内容的提问来源于stack exchange,提问作者Parsa99

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.21 20:27:31