【问题标题】:Select2 not working with Parsley.js when data-parsley-errors-messages-disabled attribute is applied应用 data-parsley-errors-messages-disabled 属性时,Select2 无法与 Parsley.js 一起使用
【发布时间】:2019-01-02 07:43:19
【问题描述】:

我正在使用 Parsley.js 来验证表单。我的要求是我不能显示错误消息。我只需要突出显示输入字段或选择元素的边框。当 data-parsley-errors-messages-disabled 出现在 select 元素 parsley 上时,它不会显示消息,但也不会突出显示 select2 容器的边框。

这是我的选择代码

<select name="someName" required="required" data-parsley-errors-messages-disabled="" data-required="true" class="form-control" id="SomeId">
  <option value="">Select</option>
  <option value="18">Person 18Person 18</option>
  <option value="19">Person 19Person 19</option>
  <option value="20">Person 20Person 20</option>
  <option value="81">Person 81Person 81</option>
  <option value="97">Person 97Person 97</option> 
  <option value="3227">Person 3227Person 3227</option>
</select>

选择2代码:

 $(document).find('select').select2({
    placeholder: 'Select'
});

请帮助我调整或调整什么以获得所需的功能。

【问题讨论】:

  • 请为您的问题创建一个小提琴并尝试重现它。
  • 似乎 select2 没有转换所有属性

标签: jquery css jquery-select2 parsley.js


【解决方案1】:

小心select2,它几乎没有维护。

我在 2 年前创建了a PR 来解决一个错误。

一定要手动触发input事件:

$("#select_id").change(function() {
  $("#select_id").trigger('input')
})

可能还有其他问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2016-10-29
    • 2014-08-16
    • 2016-02-29
    • 2018-03-19
    • 1970-01-01
    • 2020-11-06
    • 1970-01-01
    • 2015-08-16
    相关资源
    最近更新 更多