一、概述
我们利用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>
运行结果以下：