How to clear Blazorise Feedback Ticks

[274188A]

@stsrki

I have a modal that has fields with Blazorise Validation feedback (ticks). If a user opens the modal, then cancels out (closing the modal), then reopnes the modal again I would expect to not see the last modal's ticks present - but they are.

is there any way of clearing out the modals validations feedback?

Below shows a new modal open but picking up the feedback from a previous modal open

razor modal

<Modal @ref="CreateModal">
     

    @* Large Modal use 12 total size for fields size *@
    <ModalContent IsCentered="true" Size="ModalSize.ExtraLarge">
        <ModalHeader>
            <ModalTitle>New Doctor</ModalTitle>
            <CloseButton Clicked="CloseCreateModalAsync" />
        </ModalHeader>

        <ModalBody>
            <Validations Mode="ValidationMode.Auto" ValidateOnLoad="false" Model="@NewEntity" >

                <Fields>
                    <Validation>
                        <Field ColumnSize="ColumnSize.Is1.OnDesktop">
                            <FieldLabel>@L["Title"]</FieldLabel>
                            <FieldBody>
                                <TextEdit @bind-Text="@NewEntity.Title">
                                         <Feedback>
                                    </Feedback>
                                </TextEdit>
                            </FieldBody>
                        </Field>
                    </Validation>

                     <Validation>
                        <Field ColumnSize="ColumnSize.Is3.OnDesktop">
                            <FieldLabel>@L["FirstName"]</FieldLabel>
                            <FieldBody>
                                <TextEdit @bind-Text="@NewEntity.FirstName">
                                         <Feedback>
                                        <ValidationError />
                                    </Feedback>
                                </TextEdit>
                            </FieldBody>
                        </Field>
                     </Validation>

                     <Validation>
                        <Field ColumnSize="ColumnSize.Is4.OnDesktop">
                            <FieldLabel>@L["LastName"]</FieldLabel>
                            <FieldBody>
                                <TextEdit @bind-Text="@NewEntity.LastName" >
                                     <Feedback>
                                        <ValidationError />
                                    </Feedback>
                                </TextEdit>
                            </FieldBody>
                        </Field>
                     </Validation>
                  
                    
                        <Field ColumnSize="ColumnSize.Is3.OnDesktop">

                            <FieldLabel>@L["Gender"]</FieldLabel>
                            <FieldBody>
                                <Select TValue="Guid?" @bind-SelectedValue="@NewEntity.GenderId">
                                    <SelectItem TValue="Guid" Value="Guid.Empty"/>
                                    @foreach (var gender in CreatingGenderListData)
                                    {
                                        <SelectItem TValue="Guid" Value="@gender.Id">
                                            @gender.Name
                                        </SelectItem>
                                    }

                                </Select>
                            </FieldBody>
                        </Field>
                    

                </Fields>
                
                <Fields>
                     <Validation>
                        <Field ColumnSize="ColumnSize.Is4.OnDesktop">
                            <FieldLabel>@L["CourtesyName"]</FieldLabel>
                            <FieldBody>
                                <TextEdit @bind-Text="@NewEntity.CourtesyName" Placeholder="optional"/>
                            </FieldBody>
                        </Field>
                     </Validation>
                    <Validation>
                        <Field ColumnSize="ColumnSize.Is4.OnDesktop">
                            
                            <FieldLabel>@L["Email"]</FieldLabel>
                            <FieldBody>
                                <TextEdit @bind-Text="@NewEntity.Email" Placeholder="email address">
                                     <Feedback>
                                        <ValidationError />
                                    </Feedback>
                                </TextEdit>
                            </FieldBody>
                        </Field>
                    </Validation>

                    <Validation> 
                        <Field ColumnSize="ColumnSize.Is4.OnDesktop">
                            <FieldLabel>@L["Phone"]</FieldLabel>
                            <FieldBody>
                                <TextEdit @bind-Text="@NewEntity.Phone">
                                    <Feedback>
                                        <ValidationError />
                                        <ValidationSuccess />
                                    </Feedback>
                                </TextEdit>
                            </FieldBody>
                        </Field>
                    
                        </Validation>
                </Fields>

                <Fields>


                    <Field ColumnSize="ColumnSize.Is4.OnDesktop">
                        <FieldLabel>@L["Insurance"]</FieldLabel>
                        <Select TValue="Guid?" @bind-SelectedValue="@NewEntity.DoctorInsuranceId">
                            <SelectItem TValue="Guid" Value="Guid.Empty"/>
                            @foreach (var typeValue in CreatingInsuranceListData)
                            {
                                <SelectItem Value="@typeValue.Id">
                                    @typeValue.Name
                                </SelectItem>
                            }
                        </Select>
                    </Field>
                     
                    <Validation Validator="@((e) => ValidationRule.IsLength((string) e.Value, 6, 6))">
                        <Field ColumnSize="ColumnSize.Is2.OnDesktop">
                            <FieldLabel>@L["RACGP"]</FieldLabel>
                            <FieldBody>
                                <TextEdit @bind-Text="@NewEntity.RACGP" MaxLength="6" Placeholder="6 digits">
                                    <Feedback>
                                        <ValidationError />
                                        <ValidationSuccess />
                                    </Feedback>
                                </TextEdit>
                            </FieldBody>
                        </Field>
                    
                         </Validation>
                    <Validation Validator="@((e) => ValidationRule.IsLength((string) e.Value, 7, 7))">
                        <Field ColumnSize="ColumnSize.Is2.OnDesktop">
                            <FieldLabel>@L["RegistrationNumber"]</FieldLabel>
                            <FieldBody>
                                <TextEdit @bind-Text="@NewEntity.RegistrationNumber" MaxLength="7" Placeholder="7 digits">
                                    <Feedback>
                                        <ValidationError />
                                        <ValidationSuccess />
                                    </Feedback>
                                </TextEdit>
                            </FieldBody>
                        </Field>
                     </Validation>

                </Fields>

            </Validations>
        </ModalBody>

[stsrki]

Maybe you're missing modalValidations.ClearAll(); Check on Blazorise demo for an example.

https://github.com/stsrki/Blazorise/blob/master/Demos/Blazorise.Demo/Pages/Tests/ValidationsPage.razor#L476