在XAML中验证密码和密码确认

本文关键字:密码 确认 验证 XAML | 更新日期: 2023-09-27 17:59:23

我正在使用MVVM,我的阶段是:我有两个PasswordBox

        <PasswordBox x:Name="Password" Width="150" Height="30" />
        <PasswordBox x:Name="PasswordConfirmation" Width="150" Height="30" />

我想在Password和PasswordConfirmation之间对xaml进行验证。类似于网站中的JQuery。

我不想破坏MVVM,我的意思是,我不想背后有代码。

在XAML中验证密码和密码确认

如果您可以容忍IMultiValueConverter的代码,那么下面的代码非常MVVM。

<Page.Resources>
    <local:ConfirmPasskey x:Key="ConfirmPasskey" />
</Page.Resources>

<PasswordBox x:Name="_PassKey" Grid.Column="1" Grid.Row="1" Margin="0,5,5,0"
    LostFocus="Update_PassCheckError"/>
<PasswordBox x:Name="_PassCheck" Grid.Column="1" Grid.Row="2" Margin="0,5,5,0" 
    LostFocus="Update_PassCheckError" />
<TextBlock x:Name="_PassCheckError" Grid.ColumnSpan="2" Grid.Row="3" Margin="5,5,5,5"
    Foreground="Red" HorizontalAlignment="Center" >
        <TextBlock.Text>
            <MultiBinding Converter="{StaticResource ConfirmPasskey}" Mode="OneWay" >
                <Binding ElementName="_PassKey" />
                <Binding ElementName="_PassCheck" />
            </MultiBinding>
         </TextBlock.Text>
 </TextBlock>

我使用TextBlock是因为我想提供一个伪装饰,但可以使用任何依赖属性,。。。例如用于登录提示的按钮的CCD_ 1属性的布尔值。这是我的IMultiValueConverter,它可以返回bool而不是密码验证文本:

public class ConfirmPasskey : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parm, System.Globalization.CultureInfo culture)
    {
        bool match = (values[0] as PasswordBox).Password.Equals((values[1] as PasswordBox).Password);
        if (targetType.Name.Equals("Nullable`1"))
            return match;
        return (match) ? null : "Passcodes do not match.";
    }
    public object[] ConvertBack(object value, Type[] targetTypes, object parm, System.Globalization.CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}