ASP.NET Core MVC - Form With Multiple Steps - How to Fire Client Side Validation At Each Step

Question

I'm creating an ASP.NET Core MVC Web App and have a form with multiple steps.
I'm using javascript to hide/show steps after user click Next/Previous button.
My ViewModel has Validation Attributes like this

public class BookViewModel
{
  [Required(ErrorMessage = "Please enter book title")]
  public string BookTitle { get; set; }
  [Required(ErrorMessage = "please enter author name")]
  public string Authors { get; set; }
...
}

and in view I use Tag Helper for client side validation

<input asp-for="BookTitle" class="form-control" />
<span asp-validation-for="BookTitle" class="text-danger"></span>
...

I want to fire validation after each steps, when user click Next button. But it only fire when user submit form at the final steps.
How can I do that?

Nirav Vasoya Nirav Vasoya · Accepted Answer · 2019-04-04T08:50:02

How to trigger ASP.NET client-side validations without submit?

go through above link, you will get more clear with the validation.

ASP.NET Core MVC - Form With Multiple Steps - How to Fire Client Side Validation At Each Step

1 Answers