Selectpicker验证器,强制用户选择一个值

时间:2019-01-10 10:37:32

标签: html bootstrap-4 asp.net-core-mvc multi-select bootstrap-selectpicker

我目前正在使用ASP.NET Core v2.2开发Web应用程序。

我遇到一种麻烦,我遇到了几种“多重选择”(使用引导程序选择选择器)。问题在于该表单不允许用户在提交之前不选择多选中的任何选项。

以下是我希望成为“可选”选项的一个示例:

 <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>

由于这是一种屠宰解决方案,所以我仍在寻找更好的解决方案。

0 个答案:

没有答案