Использование Selectize.js не запускает проверку ядра клиента asp.net для списка выбора

Question

Selectize.js не запускает проверку на стороне клиента в .net core 2.2

Я хочу обработать автоматическую проверку на стороне клиента с помощью привязки свойства модели ядра asp.net.

public class Person{
[Required]
public string PersonName{get;set;}

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


<form asp-controller="Person" asp-action="Create" method="post" autocomplete="off">

<div class="row">
    <div class="col">
      <div class="form-group">
       <label asp-for="PersonName"></label>
         <input asp-for="FirstName" class="form-control" />
           <span asp-validation-for="FirstName" class="text-danger"></span>
       </div>
      </div>
       <div class="col">
         <div class="form-group">
          <label asp-for="GenderId"></label>
           select class="customDropdown form-control" asp-for="GenderId"asp-items="@(new SelectList(ViewBag.GenderList, "ListItemId","ListItemName"))">
             <option value="">Select...</option>
         </select>
<span asp-validation-for="GenderId" class="text-danger"></span>
        </div>
         </div>
    <button type="submit">Save</button>
</form>
@section Scripts{

<script src="~/lib/jquery-validate/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js">

<script>

    $(function () {
    $('.customDropdown ').selectize({
    create: true,
    sortField: 'text'
    });

});

</script>

Проверка работает для списка выбора, если я не использую selectize.js.

Answer 1

Я сделал демонстрацию, чтобы воспроизвести проблему, но проверка работала хорошо при использовании selectize.js.Проверьте правильность пути к двум ссылочным js-файлам. Ниже указан путь к js-файлам, на которые я ссылаюсь:

<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js">