WPF中如何让PasswordBox验证错误时显示提示并移除红框

核心问题分析 #

自定义BindablePasswordBox基于SecureString绑定时，默认验证流程未触发，且WPF自带的错误红框需要替换为自定义提示。以下是分步解决方法：

1. 实现ViewModel的验证逻辑 #

使用IDataErrorInfo接口实现密码字段的非空验证，确保绑定能捕获错误：

using System.ComponentModel;
using System.Runtime.InteropServices;
using System.Security;

public class LoginViewModel : INotifyPropertyChanged, IDataErrorInfo
{
    private SecureString _password;
    public SecureString Password
    {
        get => _password;
        set
        {
            _password = value;
            OnPropertyChanged();
        }
    }

    // IDataErrorInfo 验证逻辑
    public string this[string columnName]
    {
        get
        {
            if (columnName == nameof(Password))
            {
                if (Password == null || Password.Length == 0)
                {
                    return "密码不能为空";
                }
            }
            return null;
        }
    }

    public string Error => null;

    public event PropertyChangedEventHandler PropertyChanged;
    protected void OnPropertyChanged([System.Runtime.CompilerServices.CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }
}

2. 修复BindablePasswordBox的验证触发机制 #

确保密码变更时同步绑定属性并主动触发验证：

public class BindablePasswordBox : PasswordBox
{
    public static readonly DependencyProperty PasswordSecureProperty =
        DependencyProperty.Register(nameof(PasswordSecure), typeof(SecureString), typeof(BindablePasswordBox),
            new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.BindsTwoWayByDefault, OnPasswordSecureChanged));

    public SecureString PasswordSecure
    {
        get => (SecureString)GetValue(PasswordSecureProperty);
        set => SetValue(PasswordSecureProperty, value);
    }

    private static void OnPasswordSecureChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
    {
        var box = d as BindablePasswordBox;
        if (box == null || e.NewValue is not SecureString newSecure) return;
        
        // 避免重复赋值
        if (!box.SecurePassword.IsEqualTo(newSecure))
        {
            box.SecurePassword.Clear();
            foreach (var c in newSecure.ToInsecureString())
            {
                box.SecurePassword.AppendChar(c);
            }
        }
    }

    protected override void OnPasswordChanged(RoutedEventArgs e)
    {
        base.OnPasswordChanged(e);
        // 更新绑定的SecureString属性
        PasswordSecure = SecurePassword.Copy();
        // 强制触发验证更新
        var bindingExpr = GetBindingExpression(PasswordSecureProperty);
        Validation.ClearInvalid(bindingExpr);
        bindingExpr.UpdateSource();
    }
}

// SecureString 辅助扩展方法
public static class SecureStringExtensions
{
    public static string ToInsecureString(this SecureString secureString)
    {
        if (secureString == null) return string.Empty;
        IntPtr unmanagedString = IntPtr.Zero;
        try
        {
            unmanagedString = Marshal.SecureStringToGlobalAllocUnicode(secureString);
            return Marshal.PtrToStringUni(unmanagedString);
        }
        finally
        {
            Marshal.ZeroFreeGlobalAllocUnicode(unmanagedString);
        }
    }

    public static bool IsEqualTo(this SecureString first, SecureString second)
    {
        if (first == null && second == null) return true;
        if (first == null || second == null) return false;
        if (first.Length != second.Length) return false;

        IntPtr ptrFirst = IntPtr.Zero;
        IntPtr ptrSecond = IntPtr.Zero;
        try
        {
            ptrFirst = Marshal.SecureStringToGlobalAllocUnicode(first);
            ptrSecond = Marshal.SecureStringToGlobalAllocUnicode(second);
            return Marshal.PtrToStringUni(ptrFirst).Equals(Marshal.PtrToStringUni(ptrSecond));
        }
        finally
        {
            Marshal.ZeroFreeGlobalAllocUnicode(ptrFirst);
            Marshal.ZeroFreeGlobalAllocUnicode(ptrSecond);
        }
    }
}

3. 自定义样式：移除红框并显示错误提示 #

在XAML中定义BindablePasswordBox的样式，替换默认错误模板：

<Window x:Class="WpfApp.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:local="clr-namespace:WpfApp"
        Title="Login" Height="300" Width="400">
    <Window.DataContext>
        <local:LoginViewModel />
    </Window.DataContext>
    <Window.Resources>
        <Style TargetType="{x:Type local:BindablePasswordBox}">
            <!-- 替换默认错误红框模板 -->
            <Setter Property="Validation.ErrorTemplate">
                <Setter.Value>
                    <ControlTemplate>
                        <StackPanel>
                            <!-- 保留原始PasswordBox -->
                            <AdornedElementPlaceholder x:Name="passwordBoxPlaceholder"/>
                            <!-- 下方显示错误文本 -->
                            <TextBlock Text="{Binding [0].ErrorContent}"
                                       Foreground="#FFDC322F"
                                       FontSize="12"
                                       Margin="0,2,0,0"/>
                        </StackPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
            <!-- 鼠标悬停显示错误提示 -->
            <Style.Triggers>
                <Trigger Property="Validation.HasError" Value="True">
                    <Setter Property="ToolTip" Value="{Binding RelativeSource={x:Static RelativeSource.Self}, Path=(Validation.Errors)[0].ErrorContent}"/>
                </Trigger>
            </Style.Triggers>
        </Style>
    </Window.Resources>
    <Grid VerticalAlignment="Center" HorizontalAlignment="Center">
        <!-- 绑定并启用验证 -->
        <local:BindablePasswordBox Width="220" Height="36"
                                   PasswordSecure="{Binding Password, ValidatesOnDataErrors=True, UpdateSourceTrigger=PropertyChanged}"/>
    </Grid>
</Window>

关键注意事项 #

• ValidatesOnDataErrors=True必须添加到绑定中，才能触发IDataErrorInfo的验证逻辑。
• 避免在ViewModel中存储明文密码，所有SecureString转换为明文后需立即销毁（如扩展方法中的finally块）。
• UpdateSourceTrigger=PropertyChanged设置为实时验证，若需失去焦点时验证可改为LostFocus。

内容的提问来源于stack exchange，提问作者karwenzman