1. Feedback
  2. Blazor
  3. 18001

Welcome to the Blazor feedback portal. We’re happy you’re here! If you have feedback on how to improve the Blazor, we’d love to hear it!

  • Check out the features or bugs others have reported and vote on your favorites. Feedback will be prioritized based on popularity.
  • If you have feedback that’s not listed yet, submit your own.

Thanks for joining our community and helping improve Syncfusion products!

1
Vote

Border color not changed for Email Validation

While validating email, border color not changed.

Sample Link                     : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Textbox_Validation-233435807


 


Replication Procedure   :


1. Run the attached sample.

2. In the Email address field textbox, enter an email address and focus out

3. Now border will be changed in to green.

4. Again focus the textbox and enter an invalid email border not changed to red instead stays green.

Code Snippet:

<EditForm
Model="Model">

    <DataAnnotationsValidator />

    <div
class="col-lg-6">

        <SfTextBox
Placeholder='Username'
FloatLabelType='@FloatLabelType.Always'
@bind-Value="Model.Username"></SfTextBox>

        <ValidationMessage
For="@(()
=>
Model.Username)" />

    </div>

    <div
class="col-lg-6">

        <SfTextBox
Placeholder='Emailaddress'
FloatLabelType='@FloatLabelType.Always'
@bind-Value="Model.EmailAddress"></SfTextBox>

        <ValidationMessage
For="@(()
=>
Model.EmailAddress)" />

    </div>

    <div
class="col-lg-6">

        <InputText
@bind-Value="Model.EmailAddress"  ></InputText>

        <ValidationMessage
For="@(()
=>
Model.EmailAddress)" />

    </div>

</EditForm>


@code
{


    class
UserModel

    {

        [Required]

        public
string
Username
{
get;
set;
}


        [Required]

        [EmailAddress]

        public
string
EmailAddress
{
get;
set;
}

    }


    UserModel Model {
get;
set;
} = new UserModel();

}