ToB企服应用市场:ToB评测及商务社交产业平台

标题: WPF --- TextBox的输入校验 [打印本页]

---

作者: 美食家大橙子    时间: 2023-12-23 17:04
标题: WPF --- TextBox的输入校验
引言

在WPF应用程序开发中，数据校验是确保用户输入数据的正确性和完整性的重要一环。
之前在做一些参数配置功能时，最是头疼各种参数校验，查阅一些资料后，我总结了数据校验方式有两种：

• ValidationRule
  
• IDataErrorInfo
  

接下来分别介绍这两种校验方式。
ValidationRule

ValidationRule 是一个抽象类，提供了抽象方法 Validate(), 它是WPF中用于数据验证的一种机制，它可以在用户输入数据之前或之后执行自定义的验证逻辑。可以轻松地实现对数据的格式、范围、逻辑等方面的验证，并在验证失败时提供相应的反馈信息。
ValidationRule主要作用域在前端页面上。
基本用法

首先创建一个 ValidationRule，我这里设定了两个属性 MaxVal、MinVal，然后在 Validate() 方法中判断空、判断大于上限或小于下限，然后在符合条件是，返回 ValidationResult，并给出错误提示：

1. public class IntegerValidationRule : ValidationRule
2. {
3.     public int MaxVal { get; set; }
4.     public int MinVal { get; set; }
6.     public override ValidationResult Validate(object value, CultureInfo cultureInfo)
7.     {
8.         string text = value as string;
10.         if (!int.TryParse(text, out int result))
11.         {
12.             return new ValidationResult(false, "Text cannot be empty.");
13.         }
15.         if (result > MaxVal)
16.         {
17.             return new ValidationResult(false, "Value out of upper limit range.");
18.         }
20.         if (result < MinVal)
21.         {
22.             return new ValidationResult(false, "Value out of lower limit range.");
23.         }
25.         return ValidationResult.ValidResult;
26.     }
27. }

复制代码

接下来创建有个测试使用的 ViewModel:

1. public class TestViewModel : INotifyPropertyChanged
2. {
3.     private TestViewModel() { }
5.     public static TestViewModel Instance { get; } = new TestViewModel();
7.     public event PropertyChangedEventHandler? PropertyChanged;
9.     protected void OnPropertyChanged(string propertyName)
10.     {
11.         PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
12.     }
14.     private int testField1;
15.     /// <summary>
16.     /// 测试属性1
17.     /// </summary>
18.     public int TestField1
19.     {
20.         get => testField1;
21.         set
22.         {
23.             testField1 = value;
24.             OnPropertyChanged(nameof(TestField1));
25.         }
26.     }
28.     private int testField2;
29.     /// <summary>
30.     /// 测试属性2
31.     /// </summary>
32.     public int TestField2
33.     {
34.         get => testField2;
35.         set
36.         {
37.             testField2 = value;
38.             OnPropertyChanged(nameof(TestField2));
39.         }
40.     }
41. }

复制代码

在测试之前，我们可以先看一下 Binding 的方法列表：

可以看到 ValidationRules 是 Binding 下的集合，这意味着 ValidationRule 是在 Binding 下使用且可以执行多个校验规则。校验时按照顺序依次校验。
接下来我们创建一个WPF应用程序，在界面添加 TextBox，命名为”textbox1“,将文本绑定在 TestViewModel 的 TestField1。
且为Validation.ErrorTemplate 绑定一个模板，这里绑定了一个红色的感叹号。
然后为 TextBox 设置触发器，当 Validation.HasError为 true时，将 ToolTip 绑定校验失败的错误提示。
代码如下：

1. <Window
2.     x:
3.     xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
4.     xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
5.     xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
6.     xmlns:local="clr-namespace:WpfApp4"
7.     xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
8.     Title="MainWindow"
9.     Width="900"
10.     Height="450"
11.     mc:Ignorable="d">
12.     <Window.Resources>
13.         <ControlTemplate x:Key="ValidationTemplate">
14.             <DockPanel>
15. <StackPanel Grid.Column="1">
16.     <TextBlock
17.         HorizontalAlignment="Center"
18.         FontSize="18"
19.         FontWeight="Bold"
20.         Text="IDataErrorInfo Demo" />
21.     <TextBox
22.         Name="textBox2"
23.         Margin="10"
24.         VerticalAlignment="Center"
25.         FontSize="22"
26.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
27.      <TextBlock
28.          HorizontalAlignment="Center"
29.          FontSize="18"
30.          FontWeight="Bold"
31.          Foreground="Red"
32.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
33. </StackPanel>   <TextBlock
34. <StackPanel Grid.Column="1">
35.     <TextBlock
36.         HorizontalAlignment="Center"
37.         FontSize="18"
38.         FontWeight="Bold"
39.         Text="IDataErrorInfo Demo" />
40.     <TextBox
41.         Name="textBox2"
42.         Margin="10"
43.         VerticalAlignment="Center"
44.         FontSize="22"
45.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
46.      <TextBlock
47.          HorizontalAlignment="Center"
48.          FontSize="18"
49.          FontWeight="Bold"
50.          Foreground="Red"
51.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
52. </StackPanel>       Margin="-10,0,0,0"
53. <StackPanel Grid.Column="1">
54.     <TextBlock
55.         HorizontalAlignment="Center"
56.         FontSize="18"
57.         FontWeight="Bold"
58.         Text="IDataErrorInfo Demo" />
59.     <TextBox
60.         Name="textBox2"
61.         Margin="10"
62.         VerticalAlignment="Center"
63.         FontSize="22"
64.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
65.      <TextBlock
66.          HorizontalAlignment="Center"
67.          FontSize="18"
68.          FontWeight="Bold"
69.          Foreground="Red"
70.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
71. </StackPanel>       VerticalAlignment="Center"
72. <StackPanel Grid.Column="1">
73.     <TextBlock
74.         HorizontalAlignment="Center"
75.         FontSize="18"
76.         FontWeight="Bold"
77.         Text="IDataErrorInfo Demo" />
78.     <TextBox
79.         Name="textBox2"
80.         Margin="10"
81.         VerticalAlignment="Center"
82.         FontSize="22"
83.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
84.      <TextBlock
85.          HorizontalAlignment="Center"
86.          FontSize="18"
87.          FontWeight="Bold"
88.          Foreground="Red"
89.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
90. </StackPanel>       FontSize="22"
91. <StackPanel Grid.Column="1">
92.     <TextBlock
93.         HorizontalAlignment="Center"
94.         FontSize="18"
95.         FontWeight="Bold"
96.         Text="IDataErrorInfo Demo" />
97.     <TextBox
98.         Name="textBox2"
99.         Margin="10"
100.         VerticalAlignment="Center"
101.         FontSize="22"
102.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
103.      <TextBlock
104.          HorizontalAlignment="Center"
105.          FontSize="18"
106.          FontWeight="Bold"
107.          Foreground="Red"
108.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
109. </StackPanel>       Foreground="Red"
110. <StackPanel Grid.Column="1">
111.     <TextBlock
112.         HorizontalAlignment="Center"
113.         FontSize="18"
114.         FontWeight="Bold"
115.         Text="IDataErrorInfo Demo" />
116.     <TextBox
117.         Name="textBox2"
118.         Margin="10"
119.         VerticalAlignment="Center"
120.         FontSize="22"
121.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
122.      <TextBlock
123.          HorizontalAlignment="Center"
124.          FontSize="18"
125.          FontWeight="Bold"
126.          Foreground="Red"
127.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
128. </StackPanel>       Text="!" />
130.             </DockPanel>
131.         </ControlTemplate>
133.         
134.     </Window.Resources>
135.     <Grid>
136.         <Grid.ColumnDefinitions>
137.             <ColumnDefinition Width="1*" />
138.             <ColumnDefinition Width="1*" />
139.         </Grid.ColumnDefinitions>
140.         <StackPanel Grid.Column="0">
141.             <TextBlock
142. <StackPanel Grid.Column="1">
143.     <TextBlock
144.         HorizontalAlignment="Center"
145.         FontSize="18"
146.         FontWeight="Bold"
147.         Text="IDataErrorInfo Demo" />
148.     <TextBox
149.         Name="textBox2"
150.         Margin="10"
151.         VerticalAlignment="Center"
152.         FontSize="22"
153.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
154.      <TextBlock
155.          HorizontalAlignment="Center"
156.          FontSize="18"
157.          FontWeight="Bold"
158.          Foreground="Red"
159.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
160. </StackPanel>   HorizontalAlignment="Center"
161. <StackPanel Grid.Column="1">
162.     <TextBlock
163.         HorizontalAlignment="Center"
164.         FontSize="18"
165.         FontWeight="Bold"
166.         Text="IDataErrorInfo Demo" />
167.     <TextBox
168.         Name="textBox2"
169.         Margin="10"
170.         VerticalAlignment="Center"
171.         FontSize="22"
172.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
173.      <TextBlock
174.          HorizontalAlignment="Center"
175.          FontSize="18"
176.          FontWeight="Bold"
177.          Foreground="Red"
178.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
179. </StackPanel>   FontSize="18"
180. <StackPanel Grid.Column="1">
181.     <TextBlock
182.         HorizontalAlignment="Center"
183.         FontSize="18"
184.         FontWeight="Bold"
185.         Text="IDataErrorInfo Demo" />
186.     <TextBox
187.         Name="textBox2"
188.         Margin="10"
189.         VerticalAlignment="Center"
190.         FontSize="22"
191.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
192.      <TextBlock
193.          HorizontalAlignment="Center"
194.          FontSize="18"
195.          FontWeight="Bold"
196.          Foreground="Red"
197.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
198. </StackPanel>   FontWeight="Bold"
199. <StackPanel Grid.Column="1">
200.     <TextBlock
201.         HorizontalAlignment="Center"
202.         FontSize="18"
203.         FontWeight="Bold"
204.         Text="IDataErrorInfo Demo" />
205.     <TextBox
206.         Name="textBox2"
207.         Margin="10"
208.         VerticalAlignment="Center"
209.         FontSize="22"
210.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
211.      <TextBlock
212.          HorizontalAlignment="Center"
213.          FontSize="18"
214.          FontWeight="Bold"
215.          Foreground="Red"
216.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
217. </StackPanel>   Text="Validation Demo" />
218.             <TextBox
219. <StackPanel Grid.Column="1">
220.     <TextBlock
221.         HorizontalAlignment="Center"
222.         FontSize="18"
223.         FontWeight="Bold"
224.         Text="IDataErrorInfo Demo" />
225.     <TextBox
226.         Name="textBox2"
227.         Margin="10"
228.         VerticalAlignment="Center"
229.         FontSize="22"
230.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
231.      <TextBlock
232.          HorizontalAlignment="Center"
233.          FontSize="18"
234.          FontWeight="Bold"
235.          Foreground="Red"
236.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
237. </StackPanel>   Name="textBox1"
238. <StackPanel Grid.Column="1">
239.     <TextBlock
240.         HorizontalAlignment="Center"
241.         FontSize="18"
242.         FontWeight="Bold"
243.         Text="IDataErrorInfo Demo" />
244.     <TextBox
245.         Name="textBox2"
246.         Margin="10"
247.         VerticalAlignment="Center"
248.         FontSize="22"
249.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
250.      <TextBlock
251.          HorizontalAlignment="Center"
252.          FontSize="18"
253.          FontWeight="Bold"
254.          Foreground="Red"
255.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
256. </StackPanel>   Height="30"
257. <StackPanel Grid.Column="1">
258.     <TextBlock
259.         HorizontalAlignment="Center"
260.         FontSize="18"
261.         FontWeight="Bold"
262.         Text="IDataErrorInfo Demo" />
263.     <TextBox
264.         Name="textBox2"
265.         Margin="10"
266.         VerticalAlignment="Center"
267.         FontSize="22"
268.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
269.      <TextBlock
270.          HorizontalAlignment="Center"
271.          FontSize="18"
272.          FontWeight="Bold"
273.          Foreground="Red"
274.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
275. </StackPanel>   Margin="10"
276. <StackPanel Grid.Column="1">
277.     <TextBlock
278.         HorizontalAlignment="Center"
279.         FontSize="18"
280.         FontWeight="Bold"
281.         Text="IDataErrorInfo Demo" />
282.     <TextBox
283.         Name="textBox2"
284.         Margin="10"
285.         VerticalAlignment="Center"
286.         FontSize="22"
287.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
288.      <TextBlock
289.          HorizontalAlignment="Center"
290.          FontSize="18"
291.          FontWeight="Bold"
292.          Foreground="Red"
293.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
294. </StackPanel>   FontSize="22"
295. <StackPanel Grid.Column="1">
296.     <TextBlock
297.         HorizontalAlignment="Center"
298.         FontSize="18"
299.         FontWeight="Bold"
300.         Text="IDataErrorInfo Demo" />
301.     <TextBox
302.         Name="textBox2"
303.         Margin="10"
304.         VerticalAlignment="Center"
305.         FontSize="22"
306.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
307.      <TextBlock
308.          HorizontalAlignment="Center"
309.          FontSize="18"
310.          FontWeight="Bold"
311.          Foreground="Red"
312.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
313. </StackPanel>   Validation.ErrorTemplate="{StaticResource ValidationTemplate}">
314. <StackPanel Grid.Column="1">
315.     <TextBlock
316.         HorizontalAlignment="Center"
317.         FontSize="18"
318.         FontWeight="Bold"
319.         Text="IDataErrorInfo Demo" />
320.     <TextBox
321.         Name="textBox2"
322.         Margin="10"
323.         VerticalAlignment="Center"
324.         FontSize="22"
325.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
326.      <TextBlock
327.          HorizontalAlignment="Center"
328.          FontSize="18"
329.          FontWeight="Bold"
330.          Foreground="Red"
331.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
332. </StackPanel>   <TextBox.Text>
333. <StackPanel Grid.Column="1">
334.     <TextBlock
335.         HorizontalAlignment="Center"
336.         FontSize="18"
337.         FontWeight="Bold"
338.         Text="IDataErrorInfo Demo" />
339.     <TextBox
340.         Name="textBox2"
341.         Margin="10"
342.         VerticalAlignment="Center"
343.         FontSize="22"
344.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
345.      <TextBlock
346.          HorizontalAlignment="Center"
347.          FontSize="18"
348.          FontWeight="Bold"
349.          Foreground="Red"
350.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
351. </StackPanel>       <Binding Path="TestField1" UpdateSourceTrigger="PropertyChanged">
352. <StackPanel Grid.Column="1">
353.     <TextBlock
354.         HorizontalAlignment="Center"
355.         FontSize="18"
356.         FontWeight="Bold"
357.         Text="IDataErrorInfo Demo" />
358.     <TextBox
359.         Name="textBox2"
360.         Margin="10"
361.         VerticalAlignment="Center"
362.         FontSize="22"
363.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
364.      <TextBlock
365.          HorizontalAlignment="Center"
366.          FontSize="18"
367.          FontWeight="Bold"
368.          Foreground="Red"
369.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
370. </StackPanel>           <Binding.ValidationRules>
371. <StackPanel Grid.Column="1">
372.     <TextBlock
373.         HorizontalAlignment="Center"
374.         FontSize="18"
375.         FontWeight="Bold"
376.         Text="IDataErrorInfo Demo" />
377.     <TextBox
378.         Name="textBox2"
379.         Margin="10"
380.         VerticalAlignment="Center"
381.         FontSize="22"
382.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
383.      <TextBlock
384.          HorizontalAlignment="Center"
385.          FontSize="18"
386.          FontWeight="Bold"
387.          Foreground="Red"
388.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
389. </StackPanel><StackPanel Grid.Column="1">
390.     <TextBlock
391.         HorizontalAlignment="Center"
392.         FontSize="18"
393.         FontWeight="Bold"
394.         Text="IDataErrorInfo Demo" />
395.     <TextBox
396.         Name="textBox2"
397.         Margin="10"
398.         VerticalAlignment="Center"
399.         FontSize="22"
400.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
401.      <TextBlock
402.          HorizontalAlignment="Center"
403.          FontSize="18"
404.          FontWeight="Bold"
405.          Foreground="Red"
406.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
407. </StackPanel>  <local:IntegerValidationRule
408. <StackPanel Grid.Column="1">
409.     <TextBlock
410.         HorizontalAlignment="Center"
411.         FontSize="18"
412.         FontWeight="Bold"
413.         Text="IDataErrorInfo Demo" />
414.     <TextBox
415.         Name="textBox2"
416.         Margin="10"
417.         VerticalAlignment="Center"
418.         FontSize="22"
419.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
420.      <TextBlock
421.          HorizontalAlignment="Center"
422.          FontSize="18"
423.          FontWeight="Bold"
424.          Foreground="Red"
425.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
426. </StackPanel><StackPanel Grid.Column="1">
427.     <TextBlock
428.         HorizontalAlignment="Center"
429.         FontSize="18"
430.         FontWeight="Bold"
431.         Text="IDataErrorInfo Demo" />
432.     <TextBox
433.         Name="textBox2"
434.         Margin="10"
435.         VerticalAlignment="Center"
436.         FontSize="22"
437.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
438.      <TextBlock
439.          HorizontalAlignment="Center"
440.          FontSize="18"
441.          FontWeight="Bold"
442.          Foreground="Red"
443.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
444. </StackPanel>      MaxVal="999"
445. <StackPanel Grid.Column="1">
446.     <TextBlock
447.         HorizontalAlignment="Center"
448.         FontSize="18"
449.         FontWeight="Bold"
450.         Text="IDataErrorInfo Demo" />
451.     <TextBox
452.         Name="textBox2"
453.         Margin="10"
454.         VerticalAlignment="Center"
455.         FontSize="22"
456.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
457.      <TextBlock
458.          HorizontalAlignment="Center"
459.          FontSize="18"
460.          FontWeight="Bold"
461.          Foreground="Red"
462.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
463. </StackPanel><StackPanel Grid.Column="1">
464.     <TextBlock
465.         HorizontalAlignment="Center"
466.         FontSize="18"
467.         FontWeight="Bold"
468.         Text="IDataErrorInfo Demo" />
469.     <TextBox
470.         Name="textBox2"
471.         Margin="10"
472.         VerticalAlignment="Center"
473.         FontSize="22"
474.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
475.      <TextBlock
476.          HorizontalAlignment="Center"
477.          FontSize="18"
478.          FontWeight="Bold"
479.          Foreground="Red"
480.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
481. </StackPanel>      MinVal="5" />
482. <StackPanel Grid.Column="1">
483.     <TextBlock
484.         HorizontalAlignment="Center"
485.         FontSize="18"
486.         FontWeight="Bold"
487.         Text="IDataErrorInfo Demo" />
488.     <TextBox
489.         Name="textBox2"
490.         Margin="10"
491.         VerticalAlignment="Center"
492.         FontSize="22"
493.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
494.      <TextBlock
495.          HorizontalAlignment="Center"
496.          FontSize="18"
497.          FontWeight="Bold"
498.          Foreground="Red"
499.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
500. </StackPanel>           </Binding.ValidationRules>
501. <StackPanel Grid.Column="1">
502.     <TextBlock
503.         HorizontalAlignment="Center"
504.         FontSize="18"
505.         FontWeight="Bold"
506.         Text="IDataErrorInfo Demo" />
507.     <TextBox
508.         Name="textBox2"
509.         Margin="10"
510.         VerticalAlignment="Center"
511.         FontSize="22"
512.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
513.      <TextBlock
514.          HorizontalAlignment="Center"
515.          FontSize="18"
516.          FontWeight="Bold"
517.          Foreground="Red"
518.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
519. </StackPanel>       </Binding>
520. <StackPanel Grid.Column="1">
521.     <TextBlock
522.         HorizontalAlignment="Center"
523.         FontSize="18"
524.         FontWeight="Bold"
525.         Text="IDataErrorInfo Demo" />
526.     <TextBox
527.         Name="textBox2"
528.         Margin="10"
529.         VerticalAlignment="Center"
530.         FontSize="22"
531.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
532.      <TextBlock
533.          HorizontalAlignment="Center"
534.          FontSize="18"
535.          FontWeight="Bold"
536.          Foreground="Red"
537.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
538. </StackPanel>   </TextBox.Text>
539.             </TextBox>
541.         </StackPanel>
542.     </Grid>
543. </Window>

复制代码

最后在窗体后台绑定 ViewModel:

1. public MainWindow()
2. {
3.     InitializeComponent();
4.     this.DataContext =  TestViewModel.Instance;
5. }

复制代码

测试

• 为空时，出现红色叹号，ToolTip 提示 "Text cannot be empty."
  
  
• 小于下限时，出现红色叹号，ToolTip 提示 "Value out of lower limit range."
  
  
• 大于上限时，出现红色叹号，ToolTip 提示 "Value out of upper limit range."
  
  

IDataErrorInfo

IDataErrorInfo 是一个接口，Viewmodel 实现接口用于在后台，提供数据验证和错误信息。
IDataErrorInfo 主要作用域为后台 ViewModel
该接口包含两个成员：Error 和 this[string columnName]。这两个成员允许你在数据绑定时提供验证错误信息。
基本用法

接下来，在程序里添加 TextBox，命名为”textbox2“，并添加一个 TextBlock 绑定 Error 展示在界面。

1. <StackPanel Grid.Column="1">
2.     <TextBlock
3.         HorizontalAlignment="Center"
4.         FontSize="18"
5.         FontWeight="Bold"
6.         Text="IDataErrorInfo Demo" />
7.     <TextBox
8.         Name="textBox2"
9.         Margin="10"
10.         VerticalAlignment="Center"
11.         FontSize="22"
12.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
13.      <TextBlock
14.          HorizontalAlignment="Center"
15.          FontSize="18"
16.          FontWeight="Bold"
17.          Foreground="Red"
18.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
19. </StackPanel>

复制代码

后台 TestViweModel 实现 IDataErrorInfo，依旧是判断上限值和下限值，此处不判断空，是因为后台 TestField2 类型是Int，为空时不会赋值，代码如下：

1. public class TestViewModel : INotifyPropertyChanged, IDataErrorInfo{    //省略上文已有代码..。        private string error;    public string Error    {        get => error;        set        {            error = value; OnPropertyChanged(nameof(Error));        }    }    public string this[string columnName]    {        get        {            switch (columnName)            {<StackPanel Grid.Column="1">
2.     <TextBlock
3.         HorizontalAlignment="Center"
4.         FontSize="18"
5.         FontWeight="Bold"
6.         Text="IDataErrorInfo Demo" />
7.     <TextBox
8.         Name="textBox2"
9.         Margin="10"
10.         VerticalAlignment="Center"
11.         FontSize="22"
12.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
13.      <TextBlock
14.          HorizontalAlignment="Center"
15.          FontSize="18"
16.          FontWeight="Bold"
17.          Foreground="Red"
18.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
19. </StackPanel>   case nameof(TestField2):<StackPanel Grid.Column="1">
20.     <TextBlock
21.         HorizontalAlignment="Center"
22.         FontSize="18"
23.         FontWeight="Bold"
24.         Text="IDataErrorInfo Demo" />
25.     <TextBox
26.         Name="textBox2"
27.         Margin="10"
28.         VerticalAlignment="Center"
29.         FontSize="22"
30.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
31.      <TextBlock
32.          HorizontalAlignment="Center"
33.          FontSize="18"
34.          FontWeight="Bold"
35.          Foreground="Red"
36.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
37. </StackPanel>       return CheckTestFild2();<StackPanel Grid.Column="1">
38.     <TextBlock
39.         HorizontalAlignment="Center"
40.         FontSize="18"
41.         FontWeight="Bold"
42.         Text="IDataErrorInfo Demo" />
43.     <TextBox
44.         Name="textBox2"
45.         Margin="10"
46.         VerticalAlignment="Center"
47.         FontSize="22"
48.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
49.      <TextBlock
50.          HorizontalAlignment="Center"
51.          FontSize="18"
52.          FontWeight="Bold"
53.          Foreground="Red"
54.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
55. </StackPanel>   default:<StackPanel Grid.Column="1">
56.     <TextBlock
57.         HorizontalAlignment="Center"
58.         FontSize="18"
59.         FontWeight="Bold"
60.         Text="IDataErrorInfo Demo" />
61.     <TextBox
62.         Name="textBox2"
63.         Margin="10"
64.         VerticalAlignment="Center"
65.         FontSize="22"
66.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
67.      <TextBlock
68.          HorizontalAlignment="Center"
69.          FontSize="18"
70.          FontWeight="Bold"
71.          Foreground="Red"
72.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
73. </StackPanel>       return null;            }        }    }    public int MaxVal = 999;    public int MinVal = 5;    private string CheckTestFild2()    {        if (TestField2 > MaxVal)        {            Error = "Value out of upper limit range in viewmodel.";        }        else if (TestField2 < MinVal)        {            Error = "Value out of lower limit range  in viewmodel.";        }        else        {            Error = string.Empty;        }<StackPanel Grid.Column="1">
74.     <TextBlock
75.         HorizontalAlignment="Center"
76.         FontSize="18"
77.         FontWeight="Bold"
78.         Text="IDataErrorInfo Demo" />
79.     <TextBox
80.         Name="textBox2"
81.         Margin="10"
82.         VerticalAlignment="Center"
83.         FontSize="22"
84.         Text="{Binding TestField2, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged, ValidatesOnDataErrors=True}" />
85.      <TextBlock
86.          HorizontalAlignment="Center"
87.          FontSize="18"
88.          FontWeight="Bold"
89.          Foreground="Red"
90.          Text="{Binding Error, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
91. </StackPanel>   return Error;    }}

复制代码

测试

• 小于下限时，出现红色文字提示，ToolTip 提示 "Value out of lower limit range in viewmodel."
  
  
• 大于上限时，出现红色文字提示，ToolTip 提示 "Value out of upper limit range in viewmodel."
  
  

小结

以上两种数据校验（IDataErrorInfo、ValidationRule）的方式，均可以实现自定义数据校验，例如对数据的格式、范围、逻辑等方面的验证，并在验证失败时提供相应的反馈信息。
ValidationRule适用于在界面做数据校验，且可以定义多个校验规则。
ValidationRule适用于在ViewModel做数据校验，可以做一些无法在前端页面做的事情，比如出现异常值是还原为默认值。
所以两者既可以单独使用，也可以组合使用，即使使用MVVM模式，依旧能够优雅的做数据校验。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

---

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)

Powered by Discuz! X3.4