Add phone number field

Author: Sergio0694

samples/MvvmSample.Core/ViewModels/ObservableValidatorPageViewModel.cs

@@ -50,6 +50,11 @@ public ObservableForm(IDialogService dialogService)
         [EmailAddress]
         private string? email;
 
+        [ObservableProperty]
+        [Required]
+        [Phone]
+        private string? phoneNumber;
+
         [ICommand]
         private void Submit()
         {

samples/MvvmSampleUwp/MvvmSampleUwp.csproj

@@ -11,7 +11,7 @@
     <AssemblyName>MvvmSampleUwp</AssemblyName>
     <DefaultLanguage>en-US</DefaultLanguage>
     <TargetPlatformIdentifier>UAP</TargetPlatformIdentifier>
-    <TargetPlatformVersion Condition=" '$(TargetPlatformVersion)' == '' ">10.0.19041.0</TargetPlatformVersion>
+    <TargetPlatformVersion Condition=" '$(TargetPlatformVersion)' == '' ">10.0.22000.0</TargetPlatformVersion>
     <TargetPlatformMinVersion>10.0.17763.0</TargetPlatformMinVersion>
     <MinimumVisualStudioVersion>14</MinimumVisualStudioVersion>
     <FileAlignment>512</FileAlignment>

samples/MvvmSampleUwp/Views/ObservableValidatorPage.xaml

@@ -16,23 +16,34 @@
                 Width="560"
                 HorizontalAlignment="Left"
                 Header="Enter your first:"
+                InputScope="NameOrPhoneNumber"
                 IsSpellCheckEnabled="False"
                 PlaceholderText="First name"
                 Text="{x:Bind ViewModel.Form.FirstName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
             <TextBox
                 Width="560"
                 HorizontalAlignment="Left"
                 Header="Enter your last name:"
+                InputScope="NameOrPhoneNumber"
                 IsSpellCheckEnabled="False"
                 PlaceholderText="Last name"
                 Text="{x:Bind ViewModel.Form.LastName, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
             <TextBox
                 Width="560"
                 HorizontalAlignment="Left"
                 Header="Enter your email address:"
+                InputScope="EmailNameOrAddress"
                 IsSpellCheckEnabled="False"
                 PlaceholderText="Email"
                 Text="{x:Bind ViewModel.Form.Email, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
+            <TextBox
+                Width="560"
+                HorizontalAlignment="Left"
+                Header="Enter your phone number:"
+                InputScope="NameOrPhoneNumber"
+                IsSpellCheckEnabled="False"
+                PlaceholderText="Phone number"
+                Text="{x:Bind ViewModel.Form.PhoneNumber, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}" />
 
             <Button Command="{x:Bind ViewModel.Form.SubmitCommand}" Content="Submit" />
 
@@ -62,7 +73,7 @@
                     Message="The form was filled in with some errors."
                     Severity="Error">
                     <muxc:InfoBar.ActionButton>
-                        <Button Content="Show errors" Command="{x:Bind ViewModel.Form.ShowErrorsCommand}" />
+                        <Button Command="{x:Bind ViewModel.Form.ShowErrorsCommand}" Content="Show errors" />
                     </muxc:InfoBar.ActionButton>
                     <interactivity:Interaction.Behaviors>
                         <interactions:EventTriggerBehavior EventName="FormSubmissionFailed" SourceObject="{x:Bind ViewModel.Form}">