Form Validator does not work with RadzenColumn/RadzenRow #738

New Issue

claunia · 2026-01-29T17:42:33Z

claunia commented

2026-01-29 17:42:33 +00:00

Originally created by @prrandrade on GitHub (Feb 15, 2023).

Hello everyone!

I'm reporting a strange bug about form validations. Let me give a simple example:

<RadzenRow>
    <RadzenColumn>
        <RadzenText TextStyle="TextStyle.Subtitle2" style="margin-top: 10px;">Dê um nome ao filtro</RadzenText>
        <RadzenTextBox Name="FilterName" Class="w-100" @bind-value="_data.Name" />
        <RadzenRequiredValidator Component="FilterName" Text="Filtro precisa ter um nome" Popup="@false" Style="position: absolute" />
    </RadzenColumn>
</RadzenRow>

As you can see, the form elements are inside a Row/Column. The validation is NOT triggered and the Submit method (not shown here) is triggered, with when the TextBox is NOT filled.

Originally created by @prrandrade on GitHub (Feb 15, 2023). Hello everyone! I'm reporting a strange bug about form validations. Let me give a simple example: ``` <RadzenRow> <RadzenColumn> <RadzenText TextStyle="TextStyle.Subtitle2" style="margin-top: 10px;">Dê um nome ao filtro</RadzenText> <RadzenTextBox Name="FilterName" Class="w-100" @bind-value="_data.Name" /> <RadzenRequiredValidator Component="FilterName" Text="Filtro precisa ter um nome" Popup="@false" Style="position: absolute" /> </RadzenColumn> </RadzenRow> ``` As you can see, the form elements are inside a Row/Column. The validation is NOT triggered and the Submit method (not shown here) is triggered, with when the TextBox is NOT filled.

claunia closed this issue

2026-01-29 17:42:34 +00:00

claunia commented

2026-01-29 17:42:34 +00:00

@akorchev commented on GitHub (Feb 16, 2023):

I just tested this and it seems to work as expected:

    <RadzenTemplateForm TItem="Model" Data=@model Submit=@OnSubmit InvalidSubmit=@OnInvalidSubmit>
        <RadzenFieldset Text="Personal information">
            <RadzenRow>
                <RadzenColumn>
                    <RadzenLabel Text="First Name" />
                </RadzenColumn>
                <RadzenColumn>
                    <RadzenTextBox style="display: block" Name="FirstName" @bind-Value=@model.FirstName class="w-100" />
                    <RadzenRequiredValidator Component="FirstName" Text="First name is required" Popup=@popup Style="position: absolute"/>
                </RadzenColumn>
            </RadzenRow>
            <RadzenRow>
                <RadzenColumn>
                    <RadzenLabel Text="Last Name" />
                </RadzenColumn>
                <RadzenColumn>
                    <RadzenTextBox style="display: block" Name="LastName" @bind-Value=@model.LastName  class="w-100" />
                    <RadzenRequiredValidator Component="LastName" Text="Last name is required" Popup=@popup Style="position: absolute"/>
                </RadzenColumn>
            </RadzenRow>
            <RadzenButton ButtonType="ButtonType.Submit" Text="Submit" ></RadzenButton>
        </RadzenFieldset>
    </RadzenTemplateForm>

@akorchev commented on GitHub (Feb 16, 2023): I just tested this and it seems to work as expected: ``` <RadzenTemplateForm TItem="Model" Data=@model Submit=@OnSubmit InvalidSubmit=@OnInvalidSubmit> <RadzenFieldset Text="Personal information"> <RadzenRow> <RadzenColumn> <RadzenLabel Text="First Name" /> </RadzenColumn> <RadzenColumn> <RadzenTextBox style="display: block" Name="FirstName" @bind-Value=@model.FirstName class="w-100" /> <RadzenRequiredValidator Component="FirstName" Text="First name is required" Popup=@popup Style="position: absolute"/> </RadzenColumn> </RadzenRow> <RadzenRow> <RadzenColumn> <RadzenLabel Text="Last Name" /> </RadzenColumn> <RadzenColumn> <RadzenTextBox style="display: block" Name="LastName" @bind-Value=@model.LastName class="w-100" /> <RadzenRequiredValidator Component="LastName" Text="Last name is required" Popup=@popup Style="position: absolute"/> </RadzenColumn> </RadzenRow> <RadzenButton ButtonType="ButtonType.Submit" Text="Submit" ></RadzenButton> </RadzenFieldset> </RadzenTemplateForm> ``` ![validator](https://user-images.githubusercontent.com/454726/219287806-010fee93-fc00-4fb9-90b9-bd759b1eddf6.gif)

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/radzen-blazor#738