how do i apply Validation Attributes to WPF
c#, data-annotations, validation, viewmodel, wpf
Solution
Create ValidatorBase
It implements the standard .net IDataErrorInfo. It works under WPF but should also work with Windows Forms.
public abstract class ValidatorBase : IDataErrorInfo
{
string IDataErrorInfo.Error
{
get
{
throw new NotSupportedException("IDataErrorInfo.Error is not supported, use IDataErrorInfo.this[propertyName] instead.");
}
}
string IDataErrorInfo.this[string propertyName]
{
get
{
if (string.IsNullOrEmpty(propertyName))
{
throw new ArgumentException("Invalid property name", propertyName);
}
string error = string.Empty;
var value = GetValue(propertyName);
var results = new List<System.ComponentModel.DataAnnotations.ValidationResult>(1);
var result = Validator.TryValidateProperty(
value,
new ValidationContext(this, null, null)
{
MemberName = propertyName
},
results);
if (!result)
{
var validationResult = results.First();
error = validationResult.ErrorMessage;
}
return error;
}
}
private object GetValue(string propertyName)
{
PropertyInfo propInfo = GetType().GetProperty(propertyName);
return propInfo.GetValue(this);
}
}
- Make Contact to Inherit of ValidatorBase
public class MContact : ValidatorBase
{
[Required(ErrorMessage = " Name is required.")]
[StringLength(50, ErrorMessage = "No more than 50 characters")]
[Display(Name = "Name")]
public string Name { get; set; }
- Don't forget to put some validation trigger on controls to be validated
<TextBox Text="{Binding Path=Address,
UpdateSourceTrigger=PropertyChanged,
ValidatesOnDataErrors=True}" />
- Add some style to display an error tooltip on all textboxes
<Window.Resources>
<Style TargetType="{x:Type TextBox}">
<Setter Property="ToolTip">
<Setter.Value>
<Binding RelativeSource="{RelativeSource Self}" Path="(Validation.Errors)[0].ErrorContent" />
</Setter.Value>
</Setter>
<Setter Property="Margin" Value="4,4" />
</Style>
</Window.Resources>
The code is on Github :
https://github.com/EmmanuelDURIN/wpf-attribute-validation
Inspired from :
https://code.msdn.microsoft.com/windowsdesktop/Validation-in-MVVM-using-12dafef3
Happy implementation :-)
Problem
In my project i have this window to add new `Contact` object My Question is how i apply this Validation Attributes to WPF window like i do in Asp.net MVC .. like `[Required]` and some `[ReularExpression()]` ``` <Window x:Class="WPFClient.AddNewContact" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" Title="AddNewContact" Height="401" Width="496" mc:Ignorable="d" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:my="clr-namespace:WPFClient.PhoneBookServiceReference" Loaded="Window_Loaded"> <Window.Resources> </Window.Resources> <Grid Height="355" Width="474"> <GroupBox Header="Add Contact" Margin="0,0,0,49"> <Grid HorizontalAlignment="Left" Margin="21,21,0,0" Name="grid1" VerticalAlignment="Top" Height="198" Width="365"> <Grid.ColumnDefinitions> <ColumnDefinition Width="Auto" /> <ColumnDefinition Width="194" /> <ColumnDefinition Width="64*" /> </Grid.ColumnDefinitions> <Grid.RowDefinitions> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition Height="Auto" /> <RowDefinition Height="53" /> <RowDefinition Height="17*" /> </Grid.RowDefinitions> <Label Content="Name:" Grid.Column="0" Grid.Row="0" HorizontalAlignment="Left" Margin="3" VerticalAlignment="Center" /> <TextBox Grid.Column="1" Grid.Row="0" Height="23" HorizontalAlignment="Left" Margin="0,3,0,6" Name="nameTextBox" VerticalAlignment="Center" Width="120" /> <Label Content="Email:" Grid.Column="0" Grid.Row="1" HorizontalAlignment="Left" Margin="3" VerticalAlignment="Center" /> <TextBox Grid.Column="1" Grid.Row="1" Height="23" HorizontalAlignment="Left" Margin="0,3,0,6" Name="emailTextBox" VerticalAlignment="Center" Width="120" /> <Label Content="Phone Number:" Grid.Column="0" Grid.Row="2" HorizontalAlignment="Left" Margin="3" VerticalAlignment="Center" /> <TextBox Grid.Column="1" Grid.Row="2" Height="23" HorizontalAlignment="Left" Margin="0,3,0,6" Name="phoneNumberTextBox" VerticalAlignment="Center" Width="120" /> <Label Content="Mobil:" Grid.Column="0" Grid.Row="3" HorizontalAlignment="Left" Margin="3" VerticalAlignment="Center" /> <TextBox Grid.Column="1" Grid.Row="3" Height="23" HorizontalAlignment="Left" Margin="0,3,0,6" Name="mobilTextBox" VerticalAlignment="Center" Width="120" /> <Label Content="Address:" Grid.Column="0" Grid.Row="4" HorizontalAlignment="Left" Margin="3" VerticalAlignment="Center" /> <TextBox Grid.Row="4" Grid.Column="1" Height="39" HorizontalAlignment="Left" Margin="0,0,0,14" Name="addressTextBox" VerticalAlignment="Center" Width="194" TextWrapping="Wrap" VerticalScrollBarVisibility="Visible" AcceptsReturn="True" /> </Grid> </GroupBox> <Button Content="Add" Height="23" HorizontalAlignment="Left" Margin="24,273,0,0" Name="btnAdd" VerticalAlignment="Top" Width="75" Click="btnAdd_Click" /> <Button Content="Cancel" Height="23" HorizontalAlignment="Left" Margin="123,273,0,0" Name="btnCancel" VerticalAlignment="Top" Width="75" Click="btnCancel_Click" /> </Grid> </Window> ``` And i have this ModelView class to map Contact Object ``` public class MContact { [Required(ErrorMessage = " Name is required.")] [StringLength(50, ErrorMessage = "No more than 50 characters")] [Display(Name = "Name")] public string Name { get; set; } [Required(ErrorMessage = "Email is required.")] [StringLength(50, ErrorMessage = "No more than 50 characters")] [RegularExpression(".+\\@.+\\..+", ErrorMessage = "Valid email required e.g. abc@xyz.com")] public string Email { get; set; } [Display(Name = "Phone Number")] [Required] [RegularExpression(@"^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$", ErrorMessage = "Entered phone format is not valid.")] public string PhoneNumber { get; set; } public string Address { get; set; } [RegularExpression(@"^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$", ErrorMessage = "Entered phone format is not valid.")] public string Mobil { get; set; } } ```