Drop down how to validate if not selected any?

Radzen.Blazor Components
1

Hi,
I tried to validate dropdown with a numeric range validator but couldn't manage. How can I make it work?

Thank you.

<RadzenTemplateForm TItem="BulkPurchaseRequest" Data=@bulkPurchaseRequest Submit=@OnSubmit InvalidSubmit=@OnInvalidSubmit>
        <RadzenFieldset Text="">
            <RadzenStack Orientation="Orientation.Horizontal" AlignItems="AlignItems.Start" Wrap="FlexWrap.Wrap">
                <RadzenStack Orientation="Orientation.Vertical" Gap="10px">
                    Game
                    <RadzenDropDown AllowClear="true" TValue="ProductCode" FilterCaseSensitivity="FilterCaseSensitivity.CaseInsensitive" AllowFiltering="true" Class="w-100"
                                    Placeholder="Select..." Data=@_products TextProperty="ClientCode" ValueProperty="GameCode" Change=@(args => OnCodeChange(args)) Name="product"/>
                    <RadzenNumericRangeValidator Component="product" Min="1" Text="Product Code is Required!" Popup=@popup Style="position: relative;" />
                </RadzenStack>
                <RadzenStack Orientation="Orientation.Vertical" Gap="10px">
                    Quantity
                    <RadzenNumeric TValue="int" Change=@(args => OnAmountChange(args)) Class="w-100" Name="TotalAmount" @bind-Value=@bulkPurchaseRequest.TotalAmount/>
                    <RadzenNumericRangeValidator Component="TotalAmount" Min="1" Max="100" Text="Quantity should be between 1 and 100" Popup=@popup Style="position: relative" />
                </RadzenStack>
                <RadzenStack Orientation="Orientation.Vertical" Gap="10px">
                    Description
                    <RadzenTextBox Class="w-100" Name="Description" id="description" Change=@(args => OnDescriptionChange(args)) @bind-Value=@bulkPurchaseRequest.Description />
                    <RadzenRequiredValidator Component="Description" Text="Description is required" Popup=@popup Style="position: relative" />
                </RadzenStack>
                <RadzenStack Orientation="Orientation.Vertical" Gap="10px">
                    &nbsp;
                    <RadzenButton Text="Purchase" id="btn" ButtonType="ButtonType.Submit"/>
                </RadzenStack>
            </RadzenStack>
        </RadzenFieldset>
    </RadzenTemplateForm>
2

Hi @Robot

You can achieve this with a RegEx validator.

<RadzenRegexValidator Pattern="^[1-9][0-9]*$" 
                      Component="product" 
                      Text="Product Code is Required!" 
                      Popup=@popup 
                      Style="position: relative;">
</RadzenRegexValidator>