Создал View:
<form asp-controller="Home" asp-action="Index" method="post" role="form" class="ui large form">
<div class="ui stacked segment">
<div class="field">
<div class="ui left icon input">
<i class="users icon"></i>
<input asp-for="Surname" type="text" name="Surname" placeholder="Surname"/>
</div>
<span asp-validation-for="Surname" class="text-danger"></span>
</div>
<div class="field">
<div class="ui left icon input">
<i class="user icon"></i>
<input asp-for="Name" type="text" name="Name" placeholder="Name"/>
</div>
<span asp-validation-for="Name" class="text-danger"></span>
</div>
<input type="submit" value="Submit" class="ui fluid large teal submit button"/>
</div>
</form>
Модель соответственную создал и в View объявил ее:
public class UserViewModel
{
[Required(ErrorMessage = "Enter your surname!")]
[StringLength(32, ErrorMessage = "{0} must have minimum {2} char.", MinimumLength = 2)]
[Display(Name = "Surname")]
[MaxLength(32)]
public string Surname { get; set; }
[Required(ErrorMessage = "Enter your name!")]
[Display(Name = "Name")]
[StringLength(32, ErrorMessage = "{0} must have minimum {2} char.", MinimumLength = 2)]
[MaxLength(32)]
public string Name { get; set; }
}
Контроль я сделал кажется неправильным. Чтобы проверить форму я отправляю Post запрос на тот же View а не на другой как показали примеры с интернета (например Unobtrusive AJAX Form Validation in ASP.NET MVC):
[HttpPost]
[AllowAnonymous]
[ValidateAntiForgeryToken]
public IActionResult Index(UserModel userModel, UserViewModel user)
{
if (ModelState.IsValid)
{
userModel.CreateUser(Context, user);
return RedirectToAction("Index", "Exam");
}
return View(user);
}
Необходимо реализовать Ajax валидацию. Библиотеки jquery-validate и jquery-validation-unobtrusive подключены.
Если не трудно объяснить, есть ли разница между клиентской валидацией и серверной?