使用select2进行淘汰验证

Question

我正在尝试使用knockout验证库以及select2控件。 验证规则正确触发，但错误标签被分配给底层的普通选择控件，该控件当然隐藏在select2上下文中。因此，用户无法看到红色边框以指示验证错误。

表单中的提交错误处理工作正常，因此这只是一个可视化问题。 有没有办法将错误标签附加到select2控件的可见部分？

以下是我的相关代码段：

npm run start

Answer 1

我不知道这是否对您有帮助，但可能会帮助其他人徘徊在互联网上。我试图通过剔除验证使select2看起来不错，并设法做到这一点：

<div class="form-group" data-bind="validationOptions: {insertMessages: false}, 
                                   validationElement: selectedProduct">
    <label>Product</label>
    <select id="product-search" data-bind="value: selectedProduct"></select>
    <span class="help-block" data-bind="validationMessage: selectedProduct"></span>
</div>

相关部分是insertMessages: false和最后一个span元素。可以从引导程序库中删除form-group类。

我正在使用Knockout Validation库。