TextBox (Validation)

Text box with automatic validation.




Example



You can enter a Label to show errors in field validation, which automatically changes text, border and background color when there is an error facilitating interaction with the user.
Multiple properties are available minimum and maximum characters.

Tag:
<lv:TextBox x:Name="txtSKU" Padding="4" WidthRequest="20" Placeholder="SKU" FontType="Bold" BackgroundColor="White" MaximumOfCharacters="10" MinimumOfCharacters="4" TextColorError="Yellow" CanEmpty="False" BorderColorError="Red" BackgroundColorError="Salmon" TextColor="Orange" ValidationType="WhenLoseFocus" ChangeMessageLabel="True" LabelMessageError="{Reference errorSKU}" />

<Label: x:Name="errorSKU" FontSize="Micro" Margin="4" Text="" HorizontalOptions="FillAndExpand" VerticalOptions="StartAndExpand" TextColor="Red"/>

If use Form:
If used together with the form it is possible to enable the (submit) button only if the fields are valid, improving and much usability.


Download

Documentation



Available in pdf

Documentation download