Xamarin社区工具包InputValidation与按钮连接

html5 • • 问答

c#

我有一个简单的表单，用户可以在其中添加电子邮件：

                       <Entry Placeholder="Email" Text="{Binding Email}">
                            <Entry.Behaviors>
                                <xct:MultiValidationBehavior >
                                    <xct:EmailValidationBehavior  Flags="ValidateOnUnfocusing"/>
                                </xct:MultiValidationBehavior>
                            </Entry.Behaviors>
                        </Entry>

并有一个按钮：

     <Button Text="Send" Command="{Binding LoadSendRegistrationCommand}" TextColor="#07987f"  BackgroundColor="#eeeeee"  Margin="0,10,0,10"></Button>

当单击按钮时，如果电子邮件无效，如何检查和返回消息？

回答

有（一如既往）多种方法可以做到这一点。如果您只想在没有 MVVM/数据绑定的情况下从代码隐藏中执行此操作，您仍然有两个选择。

由于您使用的是 ，因此MultiValidationBehavior您可以为其提供一个x:Name="myValidation"属性并从您的代码隐藏中访问该属性。然后，您将能够执行以下操作：

1.通过 MultivalidationBehavior

if (!myValidation.IsValid)
{
    // Somehow show the errors, this needs some extra code, but you get the idea :)
    DisplayAlert("Error", myValidation.Errors, "OK");
}

此外，您可能希望在 上指定MultivalidationBehavior.Error属性EmailValidationBehavior，即：

<xct:EmailValidationBehavior xct:MultiValidationBehavior.Error="Email not valid" Flags="ValidateOnUnfocusing"/>

2.通过 EmailValidationBehavior

也可以EmailValidationBehavior直接使用。为此，x:Name="myEmailValidation"向您添加一个属性EmailValidationBehavior，您可以在代码隐藏中访问它：

if (!myEmailValidation.IsValid)
{
    DisplayAlert("Error", "Email not valid", "OK");
}
else
{
    DisplayAlert("Success", "All valid!", "OK");
}

3.通过数据绑定

我实际上注意到，在键入所有这些内容时，您确实使用了带有Commandfor 按钮和电子邮件值的数据绑定。在这种情况下，您还可以绑定到或IsValid上的属性，然后根据此将某些 UI 元素切换为可见或不可见。EmailValidationBehaviorMultiValidationBehavior

为此，我们需要做一些事情。我将专注于EmailValidationBehavior，我相信您可以解决这个MultiValidationBehavior问题。

  1. 将绑定添加到您的EmailValidationBehavior:<xct:EmailValidationBehavior IsValid="{Binding EmailValid}" Flags="ValidateOnUnfocusing"/>

  2. 向您的 中的对象添加支持属性BindingContext：

private bool emailValid;

public bool EmailValid
{
    get => emailValid;
    set
    {
        emailValid = value;
        OnPropertyChanged();
     }
}
  1. 添加 UI 元素以指示用户。当然，这也可能是禁用按钮或其他东西。<Label Text="Email not valid" TextColor="Red" IsVisible="{Binding EmailValid, Converter={StaticResource invertBoolConverter}}" />

请注意，我还需要使用InvertedBoolConverter从工具包反转值从IsValid它正确地工作IsVisible的Label

  1. 添加转换器
<ContentPage.Resources>
    <ResourceDictionary>
        <xct:InvertedBoolConverter x:Key="invertBoolConverter" />
    </ResourceDictionary>
</ContentPage.Resources>

应该是这样：）

可以在此处找到所有这些代码的工作示例：https : //github.com/jfversluis/XCTInputValidationCodeBehindSample

以上是Xamarin社区工具包InputValidation与按钮连接的全部内容。
THE END
分享
二维码
< <上一篇
下一篇>>