WPF MVVM文本框验证

时间:2015-02-19 19:21:03

标签: c# .net wpf xaml mvvm

我正在使用MVVM创建一个WPF应用程序。我有一个文本框,它绑定到类型为double的ViewModel中的属性,默认值为0.0。如果我现在在文本框中输入文本值(例如,abc),则在失去焦点时,文本框会突出显示,表示值不正确。但是,用户仍然可以继续并单击“提交”以调用ViewModel命令。由于文本框的Text属性绑定到ViewModel中类型为double的属性,因此ViewModel属性包含默认值0.0,并且我无法找到由用户。

因此,我无法确定用户是否实际输入的值为0或输入是否错误。如何正确执行此验证?我应该将它绑定到string属性,以便我可以获取输入的文本,并尝试将其解析为double值以查看输入是否正确?或者有更好的方法吗?

<TextBox HorizontalAlignment="Left" Height="23" TextWrapping="Wrap" Text="{Binding DoubleProperty}" VerticalAlignment="Top" Width="120"/>

2 个答案:

答案 0 :(得分:16)

您可以将验证规则附加到文本框的绑定,以检查该值是否为有效的double。这将阻止用户按下“提交”按钮,除非输入有效值,因此无需在提交时检查DoubleProperty值是否有效,因为它仅在启用提交按钮时有效。这是一个简单的例子:

<TextBox HorizontalAlignment="Left" Height="23" TextWrapping="Wrap" VerticalAlignment="Top" Width="120">
        <TextBox.Text>
            <Binding Path="DoubleProperty">
                <Binding.ValidationRules>
                    <validationrules:NumberValidationRule/>
                </Binding.ValidationRules>
            </Binding>
        </TextBox.Text>
    </TextBox>

在上面的示例中,您需要定义一个继承ValidationRule的NumberValidationRule类。

以下是NumberValidationRule示例

public class NumberValidationRule : ValidationRule
{
    public override ValidationResult Validate(object value, System.Globalization.CultureInfo cultureInfo)
    {
        double result = 0.0;
        bool canConvert = double.TryParse(value as string, out result);
        return new ValidationResult(canConvert, "Not a valid double");
    }
}

一旦添加了验证规则,如果您的ValidationRule类声明它不是有效值,则文本框中的文本框将引发错误。

要阻止启用提交按钮,可以向其添加CanExecute事件,以检查wpf窗口是否有效。像这样:

<Window.CommandBindings>
    <CommandBinding Command="ApplicationCommands.Save" CanExecute="Save_CanExecute" Executed="Save_Executed"/>
</Window.CommandBindings>

... The rest of your page

<Button Content="Save" HorizontalAlignment="Left" Margin="43,146,0,0" VerticalAlignment="Top" Width="75" Command="ApplicationCommands.Save"/>                            

并在

背后的代码中
private void Save_CanExecute(object sender, CanExecuteRoutedEventArgs e)
    {
        e.CanExecute = IsValid(sender as DependencyObject);
    }

private bool IsValid(DependencyObject obj)
    {            
        return !Validation.GetHasError(obj) && LogicalTreeHelper.GetChildren(obj).OfType<DependencyObject>().All(IsValid);
    }

这是一个更详细的例子:

Validation in WPF

答案 1 :(得分:2)

您可以尝试以下解决方案。 首先,您应该将 DoubleProperty 声明为 Nullable

    public double? DoubleProperty { get; set; }

然后创建转换器类实现 IValueConverter 。它看起来像这样:

 public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        return value;
    }

    public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
    {
        double result;
        if(!double.TryParse((string)value, out result))
        {
            return null;
        }

        return result;
    }

最后,你可以使用它:

    xmlns:converter="clr-namespace:[TestApplication]"

<Window.Resources>
    <converter:DoubleToStringConverter x:Key="doubleToStringConverter" />
</Window.Resources>

<TextBox HorizontalAlignment="Left" Height="23" TextWrapping="Wrap" Text="{Binding DoubleProperty, UpdateSourceTrigger=PropertyChanged, Converter={StaticResource doubleToStringConverter}}" VerticalAlignment="Top" Width="120"/>

现在,如果用户键入了错误的值 - DoubleProperty将为null。