时间戳

首页 > 解决方案 > Selectpicker 验证器强制用户选择一个值

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

当我调查它时（通过检查元素），看起来有某种验证器正在运行并禁止用户让这些选择器不被选中。

在此处输入图像描述

如果您对如何禁用此验证器有任何想法（或者只是强制用户选择一个值的事实），我将不胜感激。

提前致谢 ！

编辑 ：

所以我发现了一些可以解决问题的方法。我认为这样做我删除了所有现有的验证条件。这是我所做的：

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

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

标签： htmlbootstrap-4asp.net-core-mvcmulti-selectbootstrap-selectpicker

解决方案

推荐阅读