Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

how do i apply Validation Attributes to WPF

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. [email protected]")]
      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; }

 }
like image 913
Tarek Saied Avatar asked May 23 '12 17:05

Tarek Saied


1 Answers

  1. 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);
  }
}
  1. 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; }
  1. Don't forget to put some validation trigger on controls to be validated
<TextBox Text="{Binding Path=Address,
                        UpdateSourceTrigger=PropertyChanged,                 
                        ValidatesOnDataErrors=True}" />
  1. 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 :-)

like image 53
Emmanuel DURIN Avatar answered Oct 15 '22 22:10

Emmanuel DURIN