[Required] validation

[Walter Martin]

I'm using Blazor 19.3 server side and this is a piece of code from your examples where I added an error message to the [required] dataannotations.

The problem is that the error message is never showed when I try to confirm an empty textbox

When the "required" is triggered in the InPlaceEditor ?

Supposing I have in the page a lot of InPlaceEditor components, how can I validate all of them clicking on a  button ?

Thanks

<table class="table-section">

    <tr>

        <td class="sample-td"> Enter your name: </td>

        <td class="sample-td">

            <SfInPlaceEditor @bind-Value="exampleModel.Name" Type="Syncfusion.Blazor.InPlaceEditor.InputType.Text" TValue="string">

                <EditorComponent>

                    <EditForm Model="@exampleModel">

                        <DataAnnotationsValidator />

                        <SfTextBox @bind-Value="exampleModel.Name"></SfTextBox>

                        <ValidationMessage For=@(() => exampleModel.Name) />

                    </EditForm>

                </EditorComponent>

            </SfInPlaceEditor>

        </td>

    </tr>

</table>

@code {

    private string primaryKey { get; set; } = "editor1";

    private ExampleModel exampleModel = new ExampleModel();

    public class ExampleModel

    {

        [Required(ErrorMessage = "Insert a value")]

        [StringLength(10, ErrorMessage = "Name is too long.")]

        public string Name { get; set; }

    }

}

[Revanth Krishnan]

Hi Walter, 

 

 

Good day to you. 

 

 

We have validated your query and we have considered “In-place editor “required” validation not working when initial value is set empty” as a bug from our end and logged the report for the same and the fix will be included with our weekly patch release, which is scheduled on December 28^th, 2021. 

 

You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: 

https://www.syncfusion.com/feedback/31280 

 

We appreciate your patience until then. 

 

Regards, 

Revanth 

[Indrajith Srinivasan]

Sorry for the inconvenience caused,

We are unable to include the fix, for the reported issue with our patch release on 28^th December due to its complexity. We will include the fix with our patch release on January 11^th 2022.

[Vinitha Jeyakumar]

We couldn't include the fix for the issue due to its complexity. We will include the fix with our upcoming patch release on  25^th January 2022.

[Buvana Sathasivam]

Hi Walter, 

Thank you for your patience. 

We have solved your reported problem at the sample level. We have validated the Inplace Editor initial value using the EndEdit event. This event is triggered when a value is submitted to the Blazor Inplace Editor component. Can you please find the below code and sample for your reference? 

<SfInPlaceEditor @bind-Value="exampleModel.Name" Type="Syncfusion.Blazor.InPlaceEditor.InputType.Text" TValue="string"> 

                <EditorComponent> 

                    <EditForm Model="@exampleModel" Context="editContext"> 

                        <DataAnnotationsValidator /> 

                        <SfTextBox @bind-Value="exampleModel.Name"></SfTextBox> 

                        <ValidationMessage For=@(() => exampleModel.Name) /> 

                        <InPlaceEditorEvents TValue="string" EndEdit="@((e)=>EndEditEvent(e, editContext))"></InPlaceEditorEvents> 

                    </EditForm> 

                </EditorComponent> 

            </SfInPlaceEditor> 

 

@code { 

    private string primaryKey { get; set; } = "editor1"; 

    private ExampleModel exampleModel = new ExampleModel(); 

 

    public class ExampleModel 

    { 

        [Required(ErrorMessage = "Insert a value")] 

        [StringLength(10, ErrorMessage = "Name is too long.")] 

        public string Name { get; set; } 

 

        public DateTime DateValue { get; set; } 

    } 

 

    public async Task EndEditEvent(EndEditEventArgs args, EditContext context) 

    { 

        if (args.Action == "Submit")  

        { 

            context.Validate();   

            await Task.Delay(500); 

        } 

    } 

} 

Sample:  https://www.syncfusion.com/downloads/support/directtrac/general/ze/In_Place_Validation113341903 

API link: https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.InPlaceEditor.InPlaceEditorEvents-1.html#Syncfusion_Blazor_InPlaceEditor_InPlaceEditorEvents_1_EndEdit 

Please let us know if you have any concerns. 

Regards, 

Buvana S 

[Walter Martin]

This works perfectly

Thanks a lot

[Buvana Sathasivam]

Hi Walter, 

We are happy to hear your problem has been solved.  Please let us know if you have any further queries.   

Regards, 

Buvana S