Attribute [Required] not working on int for Form Input validation in Blazor?

Question

The Required attribute does not seem to work on integer values. I also tried Range attribute on integer field and is behaving normal. The issues are that the validation is not made and the required message in front-end is not showing. For string values the attribute is behaving as expected. This is the sample code:

@page "/test"


<EditForm Model="@exampleModel">
    <DataAnnotationsValidator />
    <ValidationSummary />

        <InputNumber @bind-Value="exampleModel.Name2"></InputNumber>

        <button type="submit" value="Save" >
            Submit
        </button>

</EditForm>

@code {
    private ExampleModel exampleModel = new ExampleModel();


    public partial class ExampleModel
    {

        [Required]
        public string Name { get; set; }

        [Required]
        [Range(1, 100, ErrorMessage = "Error Test")]
        public int Name2 { get; set; }


    }
}

The Required attribute for Name is working while the one for Name2 is not. The Range attribute for Name2 is working as expected.

I'm using ASP.NET Core 3.1 with Visual Studio 16.9.4.

Name2 is an int (as opposed to int?) so it always going to have a value (0) and therefore required will not be flagged. Use int? if it is optional. — Steve Greene
– Steve Greene, Commented Apr 28, 2021 at 15:02

Uwe Keim · Accepted Answer · 2022-06-17 16:37:48Z

2

By default, the Name2 property is equal to ZERO. But because your allowed minimum is 1, you don't see the ZERO when the form loads.

Some solutions:

Initialize Name2 to an integer value between 1 and 100 OR
Declare Name2 as a nullable int
```
public int? Name2 { get; set; }
```

edited Jun 17, 2022 at 16:37

Uwe Keim

40.9k61 gold badges193 silver badges309 bronze badges

answered Apr 28, 2021 at 17:15

Jason D

2,1072 gold badges22 silver badges34 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Attribute [Required] not working on int for Form Input validation in Blazor?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related