WPF文本框二次重复输入验证功能实现方案咨询

针对需求中“输入值后按Tab清空文本框并保留焦点，再次输入相同值才通过验证”的场景，放弃后台直接处理PreviewKeyInput的耦合写法，推荐两种更符合WPF设计理念的实现方式：

方案一：MVVM模式下结合ValidationRule与行为（Behavior） #

这种方式完全遵循WPF的绑定机制，实现UI与逻辑解耦，复用性强。

1. 定义ViewModel与验证逻辑 #

在ViewModel中维护第一次输入的暂存值、当前输入的绑定属性，同时封装验证逻辑：

public class DualInputViewModel : INotifyPropertyChanged
{
    private string _firstInput;
    private string _currentInput;
    private bool _isFirstInputPhase = true;

    public string CurrentInput
    {
        get => _currentInput;
        set
        {
            _currentInput = value;
            OnPropertyChanged();
        }
    }

    // 验证方法：返回验证错误信息，无错误则返回null
    public string ValidateInput()
    {
        if (_isFirstInputPhase)
        {
            _firstInput = CurrentInput;
            return null;
        }
        else
        {
            return CurrentInput == _firstInput ? null : "两次输入不一致，请重新输入";
        }
    }

    // 切换输入阶段（第一次输入后触发）
    public void SwitchToSecondPhase()
    {
        _isFirstInputPhase = false;
        CurrentInput = string.Empty;
    }

    // 重置验证状态（验证失败后重置）
    public void ResetValidation()
    {
        _isFirstInputPhase = true;
        _firstInput = string.Empty;
        CurrentInput = string.Empty;
    }

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

2. 自定义ValidationRule #

将验证逻辑封装到ValidationRule中，绑定到TextBox的验证规则集合：

public class DualInputValidationRule : ValidationRule
{
    public DualInputViewModel ViewModel { get; set; }

    public override ValidationResult Validate(object value, CultureInfo cultureInfo)
    {
        if (ViewModel == null) return ValidationResult.ValidResult;
        
        var errorMessage = ViewModel.ValidateInput();
        return string.IsNullOrEmpty(errorMessage) 
            ? ValidationResult.ValidResult 
            : new ValidationResult(false, errorMessage);
    }
}

3. 使用行为（Behavior）处理Tab键事件 #

用行为封装Tab键的处理逻辑，避免在后台代码中直接操作UI：

public class DualInputTabBehavior : Behavior<TextBox>
{
    protected override void OnAttached()
    {
        base.OnAttached();
        AssociatedObject.PreviewKeyDown += AssociatedObject_PreviewKeyDown;
    }

    protected override void OnDetaching()
    {
        AssociatedObject.PreviewKeyDown -= AssociatedObject_PreviewKeyDown;
        base.OnDetaching();
    }

    private void AssociatedObject_PreviewKeyDown(object sender, KeyEventArgs e)
    {
        if (e.Key != Key.Tab) return;
        
        var viewModel = AssociatedObject.DataContext as DualInputViewModel;
        if (viewModel == null) return;

        if (viewModel._isFirstInputPhase)
        {
            // 第一次输入后切换到第二阶段，清空文本框并保留焦点
            viewModel.SwitchToSecondPhase();
            e.Handled = true;
            AssociatedObject.Focus();
        }
        else
        {
            // 第二次输入验证通过后允许焦点转移
            var errorMessage = viewModel.ValidateInput();
            if (!string.IsNullOrEmpty(errorMessage))
            {
                e.Handled = true;
                AssociatedObject.Focus();
                viewModel.ResetValidation();
            }
        }
    }
}

4. XAML绑定与配置 #

在XAML中完成绑定、验证规则和行为的配置，同时设置错误提示模板：

<Window x:Class="DualInputValidationDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        xmlns:local="clr-namespace:DualInputValidationDemo"
        Title="MainWindow" Height="450" Width="800">
    <Window.DataContext>
        <local:DualInputViewModel />
    </Window.DataContext>
    <Window.Resources>
        <Style TargetType="{x:Type TextBox}">
            <Setter Property="Validation.ErrorTemplate">
                <Setter.Value>
                    <ControlTemplate>
                        <DockPanel>
                            <TextBlock Foreground="Red" DockPanel.Dock="Right" Margin="5,0,0,0"
                                       Text="{Binding [0].ErrorContent}" />
                            <AdornedElementPlaceholder />
                        </DockPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Window.Resources>
    <StackPanel Margin="20">
        <TextBox Width="200" Margin="0,10,0,0">
            <i:Interaction.Behaviors>
                <local:DualInputTabBehavior />
            </i:Interaction.Behaviors>
            <TextBox.Text>
                <Binding Path="CurrentInput" UpdateSourceTrigger="PropertyChanged">
                    <Binding.ValidationRules>
                        <local:DualInputValidationRule ViewModel="{Binding}" />
                    </Binding.ValidationRules>
                </Binding>
            </TextBox.Text>
        </TextBox>
        <TextBlock Text="请输入值，按Tab后再次输入相同值确认" Foreground="Gray" Margin="0,5,0,0"/>
    </StackPanel>
</Window>

方案二：自定义TextBox控件（封装所有逻辑） #

如果需要更高的复用性，可以直接自定义TextBox，将验证、Tab键处理逻辑全部封装到控件内部：

public class DualInputTextBox : TextBox
{
    private string _firstInput;
    private bool _isFirstPhase = true;

    static DualInputTextBox()
    {
        DefaultStyleKeyProperty.OverrideMetadata(typeof(DualInputTextBox), new FrameworkPropertyMetadata(typeof(DualInputTextBox)));
    }

    protected override void OnPreviewKeyDown(KeyEventArgs e)
    {
        base.OnPreviewKeyDown(e);
        
        if (e.Key != Key.Tab) return;

        if (_isFirstPhase)
        {
            _firstInput = Text;
            Text = string.Empty;
            e.Handled = true;
            Focus();
            _isFirstPhase = false;
        }
        else
        {
            if (Text != _firstInput)
            {
                // 设置验证错误
                Validation.MarkInvalid(this, new ValidationError(new ValidationRule(), BindingOperations.GetBindingExpression(this, TextProperty), "两次输入不一致，请重新输入", null));
                e.Handled = true;
                Focus();
                _isFirstPhase = true;
                _firstInput = string.Empty;
                Text = string.Empty;
            }
            else
            {
                // 验证通过，清除错误状态
                Validation.ClearInvalid(BindingOperations.GetBindingExpression(this, TextProperty));
            }
        }
    }
}

使用时直接在XAML中引用即可，同时可以复用之前的错误提示样式：

<local:DualInputTextBox Width="200" Margin="20"/>

方案优势对比 #

相比直接处理PreviewKeyInput的后台代码，以上两种方案的优势：

• 解耦：逻辑与UI分离，符合WPF的MVVM设计理念（方案一），或封装到控件内部实现高复用（方案二）
• 可维护性：验证逻辑集中管理，修改时无需改动多个后台事件处理代码
• 声明式编程：通过XAML配置即可完成功能，无需大量后台代码操作UI

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