三步给 WPF UI 表单加上实时校验INotifyDataErrorInfo 快速上手【免费下载链接】wpfuiWPF UI provides the Fluent experience in your known and loved WPF framework. Intuitive design, themes, navigation and new immersive controls. All natively and effortlessly.项目地址: https://gitcode.com/GitHub_Trending/wp/wpfui用户在 WPF UI 表单里填完一栏资料点提交才在弹窗里看到三条错误挤在一起来回改得没脾气。用 INotifyDataErrorInfo 做 WPF UI 数据验证可以让错误直接标在出问题的输入框上哪个字段不对提示就出现在哪个字段旁边。一、老方案为什么不够用ValidationRule 把校验逻辑写进 XAML规则散落在标记里换个控件就得再抄一遍而且它只回答值通不通过很难把多条错误信息递回界面。IDataErrorInfo 好一点但一个属性只能吐出一条错误字段同时违反两条规则时后一条直接丢。二、INotifyDataErrorInfo 帮你解决了什么INotifyDataErrorInfo 是 WPF 内置的数据错误通知接口——对你来说它就是让控件能逐个字段弹出错误提示的那个开关。它给你三样东西多条错误聚合一个属性可以同时挂着不能为空和格式不对两条提示控件会把它们一起显示出来。异步校验校验逻辑可以放进后台任务比如发请求查一下名字有没有被占用UI 不会被卡住。属性级通知ErrorsChanged事件带着属性名发出WPF 只刷新相关控件不用整页重绘。三、跟着做最小可跑示例 以 samples/Wpf.Ui.Demo.Mvvm/ 工程为底最省事它已经引好了 CommunityToolkit.Mvvm。按三步走建 ViewModel让页面 ViewModel 继承ObservableObject并实现INotifyDataErrorInfo错误存进一个Dictionarystring, Liststring。加校验方法在属性变化的钩子里跑规则有错就写进字典再触发一次ErrorsChanged。绑控件把ValidatesOnNotifyDataErrors开起来输入框就会自己显示错误。ViewModel 片段省略了 using 和Validate方法体方法体就是清旧错误 → 写新错误 → 发事件public partial class ProfileViewModel : ObservableObject, INotifyDataErrorInfo { private readonly Dictionarystring, Liststring _errors new(); public event EventHandlerDataErrorsChangedEventArgs? ErrorsChanged; public bool HasErrors _errors.Count 0; [ObservableProperty] private string _userName ; partial void OnUserNameChanged(string v) Validate(nameof(UserName)); public IEnumerable GetErrors(string? p) p is null ? _errors.Values.SelectMany(e e) : _errors.GetValueOrDefault(p, Array.Emptystring()); }XAML 里一个输入框就能跑通 WPF 表单校验TextBlock Text用户名 / ui:TextBox Text{Binding UserName, UpdateSourceTriggerPropertyChanged, ValidatesOnNotifyDataErrorsTrue} PlaceholderText至少 3 个字符 Margin0,4,0,0 /UpdateSourceTriggerPropertyChanged保证每敲一个字符就回到 ViewModel出错时输入框外会自动套上 WPF 默认的红框错误模板。四、最容易踩的两个坑 ⚠️坑一只加错误忘了发事件。你把错误塞进字典但ErrorsChanged没发出去界面纹丝不动看起来像校验没生效。每次改动字典后补一行ErrorsChanged?.Invoke(this, new DataErrorsChangedEventArgs(nameof(UserName)));坑二异步回调跑错线程。await回来之后你在后台线程改_errors并触发事件WPF 绑定只认 UI 线程轻则不刷新重则抛异常。把校验调用包回 UI 线程await Application.Current.Dispatcher.InvokeAsync(() Validate(nameof(UserName)));五、跑通之后还能玩什么异步唯一性校验在OnUserNameChanged里发请求查名字有没有被占用返回时可用才清错误——这是 MVVM 验证里最有价值的一步。Snackbar 汇总提示点提交时若HasErrors为真用 WPF UI 的 Snackbar 把错误一次性弹在角落不阻塞操作。规则抽成验证特性[MinLength(3)]、[Email]这类自定义特性多个页面的 WPF UI ViewModel 校验能直接复用同一套规则。校验逻辑回到 ViewModel界面只负责显示这套结构往后的维护成本低很多。MVVM 示例工程samples/Wpf.Ui.Demo.Mvvm/自带输入校验的 NumberBox 控件src/Wpf.Ui/Controls/NumberBox/入门文档docs/documentation/getting-started.md【免费下载链接】wpfuiWPF UI provides the Fluent experience in your known and loved WPF framework. Intuitive design, themes, navigation and new immersive controls. All natively and effortlessly.项目地址: https://gitcode.com/GitHub_Trending/wp/wpfui创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
三步给 WPF UI 表单加上实时校验：INotifyDataErrorInfo 快速上手
三步给 WPF UI 表单加上实时校验INotifyDataErrorInfo 快速上手【免费下载链接】wpfuiWPF UI provides the Fluent experience in your known and loved WPF framework. Intuitive design, themes, navigation and new immersive controls. All natively and effortlessly.项目地址: https://gitcode.com/GitHub_Trending/wp/wpfui用户在 WPF UI 表单里填完一栏资料点提交才在弹窗里看到三条错误挤在一起来回改得没脾气。用 INotifyDataErrorInfo 做 WPF UI 数据验证可以让错误直接标在出问题的输入框上哪个字段不对提示就出现在哪个字段旁边。一、老方案为什么不够用ValidationRule 把校验逻辑写进 XAML规则散落在标记里换个控件就得再抄一遍而且它只回答值通不通过很难把多条错误信息递回界面。IDataErrorInfo 好一点但一个属性只能吐出一条错误字段同时违反两条规则时后一条直接丢。二、INotifyDataErrorInfo 帮你解决了什么INotifyDataErrorInfo 是 WPF 内置的数据错误通知接口——对你来说它就是让控件能逐个字段弹出错误提示的那个开关。它给你三样东西多条错误聚合一个属性可以同时挂着不能为空和格式不对两条提示控件会把它们一起显示出来。异步校验校验逻辑可以放进后台任务比如发请求查一下名字有没有被占用UI 不会被卡住。属性级通知ErrorsChanged事件带着属性名发出WPF 只刷新相关控件不用整页重绘。三、跟着做最小可跑示例 以 samples/Wpf.Ui.Demo.Mvvm/ 工程为底最省事它已经引好了 CommunityToolkit.Mvvm。按三步走建 ViewModel让页面 ViewModel 继承ObservableObject并实现INotifyDataErrorInfo错误存进一个Dictionarystring, Liststring。加校验方法在属性变化的钩子里跑规则有错就写进字典再触发一次ErrorsChanged。绑控件把ValidatesOnNotifyDataErrors开起来输入框就会自己显示错误。ViewModel 片段省略了 using 和Validate方法体方法体就是清旧错误 → 写新错误 → 发事件public partial class ProfileViewModel : ObservableObject, INotifyDataErrorInfo { private readonly Dictionarystring, Liststring _errors new(); public event EventHandlerDataErrorsChangedEventArgs? ErrorsChanged; public bool HasErrors _errors.Count 0; [ObservableProperty] private string _userName ; partial void OnUserNameChanged(string v) Validate(nameof(UserName)); public IEnumerable GetErrors(string? p) p is null ? _errors.Values.SelectMany(e e) : _errors.GetValueOrDefault(p, Array.Emptystring()); }XAML 里一个输入框就能跑通 WPF 表单校验TextBlock Text用户名 / ui:TextBox Text{Binding UserName, UpdateSourceTriggerPropertyChanged, ValidatesOnNotifyDataErrorsTrue} PlaceholderText至少 3 个字符 Margin0,4,0,0 /UpdateSourceTriggerPropertyChanged保证每敲一个字符就回到 ViewModel出错时输入框外会自动套上 WPF 默认的红框错误模板。四、最容易踩的两个坑 ⚠️坑一只加错误忘了发事件。你把错误塞进字典但ErrorsChanged没发出去界面纹丝不动看起来像校验没生效。每次改动字典后补一行ErrorsChanged?.Invoke(this, new DataErrorsChangedEventArgs(nameof(UserName)));坑二异步回调跑错线程。await回来之后你在后台线程改_errors并触发事件WPF 绑定只认 UI 线程轻则不刷新重则抛异常。把校验调用包回 UI 线程await Application.Current.Dispatcher.InvokeAsync(() Validate(nameof(UserName)));五、跑通之后还能玩什么异步唯一性校验在OnUserNameChanged里发请求查名字有没有被占用返回时可用才清错误——这是 MVVM 验证里最有价值的一步。Snackbar 汇总提示点提交时若HasErrors为真用 WPF UI 的 Snackbar 把错误一次性弹在角落不阻塞操作。规则抽成验证特性[MinLength(3)]、[Email]这类自定义特性多个页面的 WPF UI ViewModel 校验能直接复用同一套规则。校验逻辑回到 ViewModel界面只负责显示这套结构往后的维护成本低很多。MVVM 示例工程samples/Wpf.Ui.Demo.Mvvm/自带输入校验的 NumberBox 控件src/Wpf.Ui/Controls/NumberBox/入门文档docs/documentation/getting-started.md【免费下载链接】wpfuiWPF UI provides the Fluent experience in your known and loved WPF framework. Intuitive design, themes, navigation and new immersive controls. All natively and effortlessly.项目地址: https://gitcode.com/GitHub_Trending/wp/wpfui创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
