.NET MAUI中输入框内容非数字时禁用按钮的实现方案

问题分析 #

你当前的代码存在两处关键问题：

1. MultiTrigger的绑定路径错误，Double.TryParse.email并非Entry的合法属性，无法正确判断输入有效性；
2. 缺少触发条件满足后的属性设置逻辑，且只处理了单个输入框，不符合“两个输入均为数字才启用按钮”的需求。另外用文本颜色作为有效性判断依据属于UI状态复用，虽能工作但并非最优实践，下面先基于你的现有思路修正，再给出更规范的实现方案。

方案一：基于现有触发器逻辑的修正版 #

1. 补充第二个输入框并添加验证触发器

<StackLayout>
    <Label FontSize="20" Text="EventTrigger Example"/>
    <Label Text="Text must be a valid double or it will turn red"/>

    <!-- 第一个数字输入框 -->
    <Entry x:Name="numberEntry1" 
           Placeholder="Enter first System.Double">
        <Entry.Triggers>
            <EventTrigger Event="TextChanged">
                <local:NumericValidationTriggerAction/>
            </EventTrigger>
        </Entry.Triggers>
    </Entry>

    <!-- 第二个数字输入框 -->
    <Entry x:Name="numberEntry2" 
           Placeholder="Enter second System.Double">
        <Entry.Triggers>
            <EventTrigger Event="TextChanged">
                <local:NumericValidationTriggerAction/>
            </EventTrigger>
        </Entry.Triggers>
    </Entry>

2. 修正Button的MultiTrigger逻辑

添加两个绑定条件，当两个输入框的文本颜色均为黑色（即输入有效）时，启用按钮：

<Button Text="Save" IsEnabled="False">
        <Button.Triggers>
            <MultiTrigger TargetType="Button">
                <MultiTrigger.Conditions>
                    <BindingCondition Binding="{Binding Source={x:Reference numberEntry1}, Path=TextColor}" 
                                      Value="{x:Static Colors.Black}"/>
                    <BindingCondition Binding="{Binding Source={x:Reference numberEntry2}, Path=TextColor}" 
                                      Value="{x:Static Colors.Black}"/>
                </MultiTrigger.Conditions>
                <!-- 满足条件时启用按钮 -->
                <Setter Property="IsEnabled" Value="True"/>
            </MultiTrigger>
        </Button.Triggers>
    </Button>
</StackLayout>

方案二：MVVM模式实现（推荐） #

这种方式将业务逻辑与UI分离，避免依赖UI状态判断有效性，更符合Xamarin.Forms的设计规范。

1. 创建ViewModel类

using System.ComponentModel;
using System.Runtime.CompilerServices;

public class NumberViewModel : INotifyPropertyChanged
{
    private string _number1;
    private string _number2;
    private bool _isNumber1Valid;
    private bool _isNumber2Valid;

    public string Number1
    {
        get => _number1;
        set
        {
            _number1 = value;
            ValidateNumber(value, ref _isNumber1Valid);
            OnPropertyChanged();
            OnPropertyChanged(nameof(IsSaveEnabled));
        }
    }

    public string Number2
    {
        get => _number2;
        set
        {
            _number2 = value;
            ValidateNumber(value, ref _isNumber2Valid);
            OnPropertyChanged();
            OnPropertyChanged(nameof(IsSaveEnabled));
        }
    }

    // 计算属性：两个输入均有效时返回true
    public bool IsSaveEnabled => _isNumber1Valid && _isNumber2Valid;

    private void ValidateNumber(string input, ref bool isValid)
    {
        isValid = double.TryParse(input, out _);
    }

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

2. 设置页面BindingContext

在页面代码后台初始化ViewModel：

public MainPage()
{
    InitializeComponent();
    BindingContext = new NumberViewModel();
}

3. 修改XAML绑定逻辑

<StackLayout>
    <Label FontSize="20" Text="MVVM Numeric Validation Example"/>
    <Label Text="Enter valid numbers to enable Save button"/>

    <Entry Placeholder="Enter first number"
           Text="{Binding Number1, Mode=TwoWay}">
        <Entry.Triggers>
            <!-- 输入无效时文本变红 -->
            <DataTrigger TargetType="Entry" 
                         Binding="{Binding IsNumber1Valid}" 
                         Value="False">
                <Setter Property="TextColor" Value="Red"/>
            </DataTrigger>
            <!-- 输入有效时文本变黑 -->
            <DataTrigger TargetType="Entry" 
                         Binding="{Binding IsNumber1Valid}" 
                         Value="True">
                <Setter Property="TextColor" Value="Black"/>
            </DataTrigger>
        </Entry.Triggers>
    </Entry>

    <Entry Placeholder="Enter second number"
           Text="{Binding Number2, Mode=TwoWay}">
        <Entry.Triggers>
            <DataTrigger TargetType="Entry" 
                         Binding="{Binding IsNumber2Valid}" 
                         Value="False">
                <Setter Property="TextColor" Value="Red"/>
            </DataTrigger>
            <DataTrigger TargetType="Entry" 
                         Binding="{Binding IsNumber2Valid}" 
                         Value="True">
                <Setter Property="TextColor" Value="Black"/>
            </DataTrigger>
        </Entry.Triggers>
    </Entry>

    <!-- 直接绑定启用状态 -->
    <Button Text="Save" IsEnabled="{Binding IsSaveEnabled}"/>
</StackLayout>

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