[Programming][.NET][Blazor] EditForm으로 입력 받기, 유효성 검사

사용자로부터 Input Text를 받을 수 있다.

가장 간단한 아이디 패스워드 입력같은...

이때 EditForm을 사용하면 간단하게 특정 모델에 대해 동작들을 수행할 수 있다.
여기서 모델은 Class 객체이다. (MVVM에서 Model)

모델이 있다.

 

// 1. exampleModel로 모델 지정.
// 2. OnValidSubmit (검사)동작을 할 함수 지정(임의로 만듦.)

<EditForm Model="exampleModel" OnValidSubmit="@btnSubmit">

	@* 유효성검사를 하겠다는 뜻*@
	<DataAnnotationsValidator> </DataAnnotationsValidator>
    
    @* 시스템에서 제공하는 Summary *@
	<ValidationSummary></ValidationSummary>
    
    @* Model에서 지정한 Requirement 출력 *@
	<ValidationMessage For="@(() => exampleModel.Name)"></ValidationMessage>

	<InputText id="TextName" @bind-Value="exampleModel.Name">

	</InputText>
	<button type="submit">Submit</button>
</EditForm>

 

결과.

Summary(위 빨간글씨), Message(아래 빨간글씨)

Summary(위 빨간글씨), Message(아래 빨간글씨)