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
相关产品推荐
相关产品推荐

