一、概述

我们利用ValidationRule以及ErrorTemplate来制作一个简单的表单验证。

二、Demo

核心思想:我们在ValidationRule中的Validate函数中进行验证,然后将验证结果存放至一个预先定义好的全局资源中,这样其他控件就可以根据验证结果来进行相应的处理,代码参见以下:

  1 using System.ComponentModel;
2 using System.Globalization;
3 using System.Text.RegularExpressions;
4 using System.Windows;
5 using System.Windows.Controls;
6
7 namespace BindingDemo5ValidationRuleDemo
8 {
9 /// <summary>
10 /// Interaction logic for MainWindow.xaml
11 /// </summary>
12 public partial class MainWindow : Window
13 {
14 private string nickName;
15 public string NickName
16 {
17 get { return nickName; }
18 set { nickName = value; }
19 }
20
21 private string phoneNumber;
22 public string PhoneNumber
23 {
24 get { return phoneNumber; }
25 set { phoneNumber = value; }
26 }
27
28 private string password;
29 public string Password
30 {
31 get { return password; }
32 set { password = value; }
33 }
34
35 private string confirmPassword;
36 public string ConfirmPassword
37 {
38 get { return confirmPassword; }
39 set { confirmPassword = value; }
40 }
41
42 public MainWindow()
43 {
44 InitializeComponent();
45 this.DataContext = this;
46 }
47
48 private void Button_Click(object sender, RoutedEventArgs e)
49 {
50 MessageBox.Show(NickName);
51 }
52 }
53
54 public class ValidationOutput : INotifyPropertyChanged
55 {
56 public event PropertyChangedEventHandler PropertyChanged;
57 public void OnNotifyPropertyChanged(string propertyName)
58 {
59 if (PropertyChanged != null)
60 {
61 PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
62 }
63 }
64
65 private bool isAllValid = true;//Indicate if all elements is valid
66
67 public bool IsAllValid
68 {
69 get { return isAllValid; }
70 set { isAllValid = value;
71 OnNotifyPropertyChanged("IsAllValid");
72 }
73 }
74
75
76 private string errorMsg4NickName;
77 public string ErrorMsg4NickName
78 {
79 get { return errorMsg4NickName; }
80 set
81 {
82 errorMsg4NickName = value;
83 OnNotifyPropertyChanged("ErrorMsg4NickName");
84 }
85 }
86
87 private bool isShow4NickName;
88 public bool IsShow4NickName
89 {
90 get { return isShow4NickName; }
91 set
92 {
93 isShow4NickName = value;
94 OnNotifyPropertyChanged("IsShow4NickName");
95 }
96 }
97
98
99 private string errorMsg4PhoneNumber;
100 public string ErrorMsg4PhoneNumber
101 {
102 get { return errorMsg4PhoneNumber; }
103 set
104 {
105 errorMsg4PhoneNumber = value;
106 OnNotifyPropertyChanged("ErrorMsg4PhoneNumber");
107 }
108 }
109
110 private bool isShow4PhoneNumber;
111 public bool IsShow4PhoneNumber
112 {
113 get { return isShow4PhoneNumber; }
114 set
115 {
116 isShow4PhoneNumber = value;
117 OnNotifyPropertyChanged("IsShow4PhoneNumber");
118 }
119 }
120
121 private bool isPhoneNumberValid;
122 public bool IsPhoneNumberValid
123 {
124 get { return isPhoneNumberValid; }
125 set
126 {
127 isPhoneNumberValid = value;
128 OnNotifyPropertyChanged("IsPhoneNumberValid");
129 }
130 }
131
132 private bool isNickNameValid;
133 public bool IsNickNameValid
134 {
135 get { return isNickNameValid; }
136 set
137 {
138 isNickNameValid = value;
139 OnNotifyPropertyChanged("IsNickNameValid");
140 }
141 }
142
143
144
145 private string errorMsg4Password;
146 public string ErrorMsg4Password
147 {
148 get { return errorMsg4Password; }
149 set
150 {
151 errorMsg4Password = value;
152 OnNotifyPropertyChanged("ErrorMsg4Password");
153 }
154 }
155
156 private bool isPasswordValid;
157 public bool IsPasswordValid
158 {
159 get { return isPasswordValid; }
160 set
161 {
162 isPasswordValid = value;
163 OnNotifyPropertyChanged("IsPasswordValid");
164 }
165 }
166
167 private string password;
168 public string Password
169 {
170 get { return password; }
171 set
172 {
173 password = value;
174 OnNotifyPropertyChanged("Password");
175 }
176 }
177
178
179 private string errorMsg4ConfirmPassword;
180 public string ErrorMsg4ConfirmPassword
181 {
182 get { return errorMsg4ConfirmPassword; }
183 set
184 {
185 errorMsg4ConfirmPassword = value;
186 OnNotifyPropertyChanged("ErrorMsg4ConfirmPassword");
187 }
188 }
189
190 private bool isConfirmPasswordValid;
191 public bool IsConfirmPasswordValid
192 {
193 get { return isConfirmPasswordValid; }
194 set
195 {
196 isConfirmPasswordValid = value;
197 OnNotifyPropertyChanged("IsConfirmPasswordValid");
198 }
199 }
200
201
202 }
203
204 public class RegisterValidationRule : ValidationRule
205 {
206 private ValidationOutput validationOutput = null;
207 public ValidationOutput ValidationOutput
208 {
209 get { return validationOutput; }
210 set { validationOutput = value; }
211 }
212 private string validateType;
213
214 public string ValidateType
215 {
216 get { return validateType; }
217 set { validateType = value; }
218 }
219
220 public bool IsLegalPhoneNumber(string phoneNumber)
221 {
222 return Regex.IsMatch(phoneNumber, @"^1[3578]\d{9}$");
223 }
224 public override ValidationResult Validate(object value, CultureInfo cultureInfo)
225 {
226 if (ValidateType == "NickName")
227 {
228 string s = (string)value;
229 if (s.Length < 6)
230 {
231 ValidationOutput.IsNickNameValid = false;
232 ValidationOutput.IsAllValid = false;
233 ValidationOutput.ErrorMsg4NickName = "Length should be longger than 6 characters";
234 return new ValidationResult(false, "Length should be longger than 6 characters");
235 }
236 else
237 {
238 ValidationOutput.IsNickNameValid = true;
239 ValidationOutput.IsAllValid = true;
240 return new ValidationResult(true, null);
241 }
242
243 }
244 else if(ValidateType == "PhoneNumber")
245 {
246 string s = (string)value;
247 if (!IsLegalPhoneNumber(s))
248 {
249 //ValidationOutput.IsShow4PhoneNumber = true;
250 ValidationOutput.IsPhoneNumberValid = false;
251 ValidationOutput.IsAllValid = false;
252 ValidationOutput.ErrorMsg4PhoneNumber = "Phone number format is not correct";
253 return new ValidationResult(false, "Phone number format is not correct");
254 }
255 else
256 {
257 ValidationOutput.IsShow4PhoneNumber = false;
258 ValidationOutput.IsPhoneNumberValid = true;
259 ValidationOutput.IsAllValid = true;
260 return new ValidationResult(true, null);
261 }
262 }
263 else if (ValidateType == "Password")
264 {
265 string myPassword = (string)value;
266 ValidationOutput.Password = myPassword;//Store the password in a global resource, used for validating the confirm password
267 if (myPassword.Length < 8)
268 {
269 ValidationOutput.IsPasswordValid = false;
270 ValidationOutput.IsAllValid = false;
271 ValidationOutput.ErrorMsg4Password = "Password length should be longger than 8 characters";
272 return new ValidationResult(false, "Password length should be longger than 8 characters");
273 }
274 else
275 {
276 ValidationOutput.IsPasswordValid = true;
277 ValidationOutput.IsAllValid = true;
278 return new ValidationResult(true, null);
279 }
280 }
281 else if (ValidateType == "ConfirmPassword")
282 {
283 string myConfirmPassword = (string)value;
284 string myPassword = ValidationOutput.Password;
285 if (myPassword != myConfirmPassword)
286 {
287 ValidationOutput.IsConfirmPasswordValid = false;
288 ValidationOutput.IsAllValid = false;
289 ValidationOutput.ErrorMsg4ConfirmPassword = "Password are not the same";
290 return new ValidationResult(false, "Password are not the same");
291 }
292 else
293 {
294 ValidationOutput.IsConfirmPasswordValid = true;
295 ValidationOutput.IsAllValid = true;
296 return new ValidationResult(true, null);
297 }
298 }
299 return new ValidationResult(true, null);
300
301 }
302
303 }
304 }
  1 <Window x:Class="BindingDemo5ValidationRuleDemo.MainWindow"
2 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
3 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
4 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
5 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
6 xmlns:local="clr-namespace:BindingDemo5ValidationRuleDemo"
7 mc:Ignorable="d"
8 Title="RegisterWindow" Height="369.738" Width="479.098">
9 <Window.Resources>
10 <BooleanToVisibilityConverter x:Key="Bool2Visibility"/>
11 <local:ValidationOutput x:Key="validateOutput" IsShow4NickName="False"></local:ValidationOutput>
12 <ControlTemplate x:Key="validationTemplate">
13 <DockPanel>
14 <AdornedElementPlaceholder Name="adorner"/>
15 <Grid Margin="20 0">
16 <Grid.ColumnDefinitions>
17 <ColumnDefinition Width="30"/>
18 <ColumnDefinition/>
19 </Grid.ColumnDefinitions>
20 <Ellipse Width="20" Height="20" Name="elps" Fill="Red"></Ellipse>
21 <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="20" Foreground="White" Name="tbx" Text="!"
22 ToolTip="{Binding ElementName=adorner, Path=AdornedElement.(Validation.Errors).CurrentItem.ErrorContent}"
23 >
24 </TextBlock>
25 </Grid>
26
27 </DockPanel>
28 </ControlTemplate>
29 <Style x:Key="textBoxInError" TargetType="{x:Type TextBox}">
30 <Style.Triggers>
31 <Trigger Property="Validation.HasError" Value="true">
32 <Setter Property="ToolTip" Value="{Binding RelativeSource={x:Static RelativeSource.Self},Path=(Validation.Errors)[0].ErrorContent}"/>
33 <Setter Property="BorderBrush" Value="Red"></Setter>
34 <Setter Property="BorderThickness" Value="2"></Setter>
35 <Setter Property="Validation.ErrorTemplate" Value="{StaticResource validationTemplate}" />
36 </Trigger>
37 </Style.Triggers>
38 </Style>
39 </Window.Resources>
40
41 <Border BorderThickness="1" BorderBrush="#FF1D3061" Margin="20">
42 <Grid >
43 <Grid.RowDefinitions>
44 <RowDefinition Height="auto"/>
45 <RowDefinition Height="auto"/>
46 <RowDefinition Height="auto"/>
47 <RowDefinition Height="auto"/>
48 <RowDefinition Height="auto" MinHeight="79"/>
49 <RowDefinition/>
50 </Grid.RowDefinitions>
51 <Grid.ColumnDefinitions>
52 <ColumnDefinition Width="141"/>
53 <ColumnDefinition Width="*"/>
54 <ColumnDefinition Width="100"/>
55 </Grid.ColumnDefinitions>
56 <TextBlock Text="昵 称:" FontSize="20" VerticalAlignment="Center" Foreground="#FF416293" Margin="10,14" Height="28"></TextBlock>
57 <TextBlock Text="电 话:" FontSize="20" VerticalAlignment="Center" Foreground="#FF416293" Margin="10,14" Grid.Row="1" Height="28"></TextBlock>
58 <TextBlock Text="密 码:" FontSize="20" VerticalAlignment="Center" Foreground="#FF416293" Margin="10,14" Grid.Row="2" Height="27"></TextBlock>
59 <TextBlock Text="密 码 确 认:" FontSize="20" VerticalAlignment="Center" Foreground="#FF416293" Margin="10,15" Grid.Row="3" Height="26"></TextBlock>
60
61 <TextBox FontSize="20" VerticalAlignment="Center" Margin="10,12" Grid.Column="1" Style="{StaticResource textBoxInError}" Height="32" >
62 <TextBox.Text>
63 <Binding Path="NickName" UpdateSourceTrigger="PropertyChanged">
64 <Binding.ValidationRules>
65 <local:RegisterValidationRule ValidationOutput="{StaticResource validateOutput}" ValidateType="NickName"/>
66 </Binding.ValidationRules>
67 </Binding>
68 </TextBox.Text>
69 </TextBox>
70 <TextBox FontSize="20" VerticalAlignment="Center" Margin="10,12" Grid.Column="1" Grid.Row="1" Name="tbxPhone" Style="{StaticResource textBoxInError}" Height="32"
71 >
72 <TextBox.Text>
73 <Binding Path="PhoneNumber" UpdateSourceTrigger="PropertyChanged">
74 <Binding.ValidationRules>
75 <local:RegisterValidationRule ValidationOutput="{StaticResource validateOutput}" ValidateType="PhoneNumber"/>
76 </Binding.ValidationRules>
77 </Binding>
78 </TextBox.Text>
79
80 </TextBox>
81 <TextBox FontSize="20" VerticalAlignment="Center" Margin="10,11" Grid.Column="1" Grid.Row="2" Height="33" Style="{StaticResource textBoxInError}">
82 <TextBox.Text>
83 <Binding Path="Password" UpdateSourceTrigger="PropertyChanged">
84 <Binding.ValidationRules>
85 <local:RegisterValidationRule ValidationOutput="{StaticResource validateOutput}" ValidateType="Password"/>
86 </Binding.ValidationRules>
87 </Binding>
88 </TextBox.Text>
89 </TextBox>
90 <TextBox FontSize="20" VerticalAlignment="Center" Margin="10,11" Grid.Column="1" Grid.Row="3" Height="34" Style="{StaticResource textBoxInError}">
91 <TextBox.Text>
92 <Binding Path="ConfirmPassword" UpdateSourceTrigger="PropertyChanged">
93 <Binding.ValidationRules>
94 <local:RegisterValidationRule ValidationOutput="{StaticResource validateOutput}" ValidateType="ConfirmPassword"/>
95 </Binding.ValidationRules>
96 </Binding>
97 </TextBox.Text>
98 </TextBox>
99 <Button Grid.Row="4" Grid.Column="2" Margin="8,18,8,14" Content="注册" Background="#FF2C6CA2" Foreground="White" Click="Button_Click"
100 IsEnabled="{Binding Path=IsAllValid, Source={StaticResource validateOutput}}"></Button>
101
102 <Grid Grid.Column="2" Margin="10,10" Visibility="{Binding Path=IsNickNameValid, Source={StaticResource validateOutput}, Converter={StaticResource Bool2Visibility}}">
103 <Grid.ColumnDefinitions>
104 <ColumnDefinition Width="30"/>
105 <ColumnDefinition/>
106 </Grid.ColumnDefinitions>
107 <Ellipse Width="20" Height="20" Fill="Green"></Ellipse>
108 <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="14" Foreground="White">√</TextBlock>
109 <!--<TextBlock VerticalAlignment="Center" FontSize="20" Foreground="Red" Grid.Column="1"
110 Text="{Binding Path=ErrorMsg4NickName, Source={StaticResource validateOutput}}"
111 >
112
113 </TextBlock>-->
114 </Grid>
115
116 <Grid Grid.Column="2" Grid.Row="1" Margin="10,10" Visibility="{Binding Path=IsPhoneNumberValid, Source={StaticResource validateOutput}, Converter={StaticResource Bool2Visibility}}">
117 <Grid.ColumnDefinitions>
118 <ColumnDefinition Width="30"/>
119 <ColumnDefinition/>
120 </Grid.ColumnDefinitions>
121 <Ellipse Width="20" Height="20" Fill="Green"></Ellipse>
122 <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="14" Foreground="White">√</TextBlock>
123 </Grid>
124
125 <Grid Grid.Column="2" Grid.Row="2" Margin="10,10" Visibility="{Binding Path=IsPasswordValid, Source={StaticResource validateOutput}, Converter={StaticResource Bool2Visibility}}">
126 <Grid.ColumnDefinitions>
127 <ColumnDefinition Width="30"/>
128 <ColumnDefinition/>
129 </Grid.ColumnDefinitions>
130 <Ellipse Width="20" Height="20" Fill="Green"></Ellipse>
131 <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="14" Foreground="White">√</TextBlock>
132 </Grid>
133
134 <Grid Grid.Column="2" Grid.Row="3" Margin="10,10" Visibility="{Binding Path=IsConfirmPasswordValid, Source={StaticResource validateOutput}, Converter={StaticResource Bool2Visibility}}">
135 <Grid.ColumnDefinitions>
136 <ColumnDefinition Width="30"/>
137 <ColumnDefinition/>
138 </Grid.ColumnDefinitions>
139 <Ellipse Width="20" Height="20" Fill="Green"></Ellipse>
140 <TextBlock VerticalAlignment="Center" HorizontalAlignment="Center" FontSize="14" Foreground="White">√</TextBlock>
141 </Grid>
142 </Grid>
143 </Border>
144 </Window>

运行结果以下:

WPF---数据绑定之ValidationRule数据校验综合Demo(七)的更多相关文章

  1. wpf企业应用之数据校验

    wpf中使用IDataErrorInfo实现数据校验,绑定实体需要实现了此接口,并在UI绑定表达式中添加ValidatesOnDataErrors=True,这样数据校验发生时,wpf会调用该接口中的 ...

  2. WPF---数据绑定之ValidationRule数据校验(六)

    一.概述 我们知道,Binding好比架设在Source和Target之间的桥梁,数据可以借助这个桥梁进行流通.在数据流通的过程中,我们可以在Binding这座桥梁上设置关卡,对数据的有效性进行验证. ...

  3. WPF使用IDataErrorInfo进行数据校验

    这篇博客将介绍如何使用IDataErrorInfo进行数据校验.下面直接看例子.一个Customer类,两个属性(FirstName, Age) class Customer { public str ...

  4. SpringMVC 数据转换 & 数据格式化 & 数据校验

    数据绑定流程 1. Spring MVC 主框架将 ServletRequest 对象及目标方法的入参实例传递给 WebDataBinderFactory 实例,以创建 DataBinder 实例对象 ...

  5. JSR教程2——Spring MVC数据校验与国际化

    SpringMVC数据校验采用JSR-303校验. • Spring4.0拥有自己独立的数据校验框架,同时支持JSR303标准的校验框架. • Spring在进行数据绑定时,可同时调用校验框架完成数据 ...

  6. SpringMVC中的 JSR 303 数据校验框架说明

    JSR 303 是java为Bean数据合法性校验提供的标准框架,它已经包含在JavaEE 6.0中. JSR 303 通过在Bean属性上标注类似于@NotNull.@Max等标准的注解指定校验规则 ...

  7. SpringMVC的数据转换&&数据格式化&&数据校验

    1 SpringMVC的数据绑定流程 SpringMVC将ServletRequest对象及目标方法的入参实例传递给WebDataBinderFactory实例,以创建DataBinder实例对象. ...

  8. springMVC使用JSR303数据校验

    JSR303注解 hibernate validate是jsr 303的一个参考实现,除支持所有的标准校验注解外,他还支持扩展注解 spring4.0拥有自己独立的数据校验框架,同时支持jsr 303 ...

  9. SpringMVC数据校验并通过国际化显示错误信息

    目录 SpringMVC数据校验并通过国际化显示错误信息 SpringMVC数据校验 在页面中显示错误信息 通过国际化显示错误信息 SpringMVC数据校验并通过国际化显示错误信息 SpringMV ...

随机推荐

  1. 团队开发day03

    完成安卓的登录和注册界面的设计,进行服务器端的开发,设计javabean实体 映射,零售商 ,商品,品牌商,订单类的构建 遇到问题:安卓发起网络请求,客户端回应请求,数据处理设置. 使用传统的方法 / ...

  2. SpringMVC架构(一)

    SpringMVC架构 1.1Spring web mvc介绍 Spring web mvc和Struts2都属于表现层的框架,它是Spring框架的一部分,我们可以从Spring的整体结构中看得出来 ...

  3. Hive——简介

    Hive--简介 Hive 是基于 Hadoop 构建的一套数据仓库分析系统,它提供了丰富的 SQL 查询方式来分析存储在 Hadoop 分布式文件系统中的数据, 可以将结构化的数据文件映射为一张数据 ...

  4. 深入GraphQL 的使用语法

    深入GraphQL 的使用语法 对于GraphQL 的使用语法在上一节中已经大概介绍了基本的使用方式了,这一篇将会对上一篇入门做拓展,努力将所有的使用语法都覆盖到. 1. 终端语法 首先是介绍在前端查 ...

  5. Leetcode:面试题68 - II. 二叉树的最近公共祖先

    Leetcode:面试题68 - II. 二叉树的最近公共祖先 Leetcode:面试题68 - II. 二叉树的最近公共祖先 Talk is cheap . Show me the code . / ...

  6. 什么是TCP?什么是TCP协议?

    一.什么是TCP >>>TCP是一种传输控制协议,是面向连接的.可靠的.基于字节流之间的传输层通信协议 >>>在因特网协议族里面,TCP层是在IP层上面,应用层下面 ...

  7. P5110 块速递推-光速幂、斐波那契数列通项

    P5110 块速递推 题意 多次询问,求数列 \[a_i=\begin{cases}233a_{i-1}+666a_{i-2} & i>1\\ 0 & i=0\\ 1 & ...

  8. chcod炸弹

    [题目描述] 话说Cpp国和Pas国发生了战争, Pas国派出了强大的飞机战队, Cpp国于是使出了炸弹CHCOD 来反击Pas国的飞机舰队.然而CHCOD的发射器,只能逐渐往上打.所以Cpp国现在只 ...

  9. Cesium加载地形数据只显示半个地球

    Cesium第0级地形包括两个瓦片:0/0/0.terrain,0/1/0.terrain,分别为左半球和右半球(具体参考:https://blog.csdn.net/u013929284/artic ...

  10. odoo14里自定义批量下载数据【excel】

    1.创建一个向导模型: from odoo import models, fields, api import base64 import xlwt from io import BytesIO cl ...