Валидатор Selectpicker, заставляющий пользователя выбирать значение - PullRequest
0 голосов
/ 10 января 2019

В настоящее время я занимаюсь разработкой веб-приложения с использованием ASP.NET Core v2.2.

У меня проблемы с одной из моих форм, когда у меня есть несколько «множественных выборок» (с использованием bootstrap-select selectpicker). Проблема заключается в том, что форма не позволяет пользователям не выбирать какие-либо параметры в множественном выборе перед отправкой.

Вот пример одного из моих мультиселектов, который я хотел бы использовать как «необязательный»:

 <form asp-controller="Home" asp-action="Index" method="post" role="form" id="bsForm">
       <div class="row row-mb-2">
          <div class="col col-sm-4">
              <label class="col-form-label" style="float:left">Product :</label>
          </div>
          <div class="col">
              <select asp-for="product.ProductId"
                      class="form-control selectpicker" multiple data-live-search="true"
                      style="display: initial !important"
                      asp-items="@(new SelectList(ViewBag.ListOfProducts,"ProductId","ProductName"))">
                      <option data-hidden="true"></option>
              </select>
          </div>
      </div>
      <div class="row">
          <input type="submit" value="Submit" class="btn btn-primary" style="width:25%" />
      </div>    
</form>


<script type="text/javascript">
    $(document).ready(function () {
        $('.selectpicker').selectpicker();
    });
</script>

Когда я смотрю на него (осматривая элемент), создается впечатление, что там работает какой-то валидатор, который запрещает пользователям оставлять эти селекторы выбора не выбранными.

enter image description here

Если у вас есть идея отключить этот валидатор (или просто заставить пользователей выбирать значение), я был бы признателен.

Заранее спасибо!

Редактировать:

Так что я нашел кое-что, что делает трюк. Я думаю, что таким образом я удалил все существующие условия проверки. Вот что я сделал:

<script type="text/javascript">
   $(document).ready(function () {
      $('#bsForm').validate({
            rules: {
            }
      });
   });
</script>

Так как это своего рода мясное решение, я все еще ищу лучшее решение.

...