JS：在 choices.min.js 上添加适当的验证是 validate.js

Question

我目前正在使用 validate.js 来验证我的表单和 choices.min.js 作为替代而不是使用 select 以便我在 select 上有一个合适的搜索栏。我目前正在测试 choices.min.js 我的问题是错误消息以及无效的错误类没有添加或显示。请参考此截图：

这是我的 html 代码：

<div class="form-group mb-3"> <div class="choices" data-type="select-one" tabindex="0" role="listbox" aria-haspopup="true" aria-expanded="false"><div class="choices__inner"><select class="form-control choices__input" data-trigger="" name="choices_single_default" id="choices_single_default" hidden="" tabindex="-1" data-choice="active"><option value="" data-custom-properties="[object Object]">--</option></select><div class="choices__list choices__list--single"><div class="choices__item choices__placeholder choices__item--selectable" data-item="" data-id="1" data-value="" data-custom-properties="[object Object]" aria-selected="true">--</div></div></div><div class="choices__list choices__list--dropdown" aria-expanded="false"><div class="choices__list" role="listbox"><div id="choices--choices_single_default-item-choice-1" class="choices__item choices__item--choice is-selected choices__placeholder choices__item--selectable is-highlighted" role="option" data-choice="" data-id="1" data-value="" data-select-text="" data-choice-selectable="" aria-selected="true">--</div><div id="choices--choices_single_default-item-choice-2" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="2" data-value="Choice 1" data-select-text="" data-choice-selectable="">Choice 1</div><div id="choices--choices_single_default-item-choice-3" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="3" data-value="Choice 2" data-select-text="" data-choice-selectable="">Choice 2</div><div id="choices--choices_single_default-item-choice-4" class="choices__item choices__item--choice choices__item--selectable" role="option" data-choice="" data-id="4" data-value="Choice 3" data-select-text="" data-choice-selectable="">Choice 3</div></div></div></div> </div>

这是我的javascript代码： `$('#signin-form').validate({ 规则：{ 电子邮件： { 要求：真实， 电子邮件：真实 }, choices_single_default: { 要求：真实， }, 密码： { 要求：真实 } }, 消息：{ 电子邮件： { required: '请输入您的邮箱地址', email: '请输入有效的电子邮件地址' }, choices_single_default: { required: '请输入您的选择' }, 密码： { required: '请输入您的密码' } }, errorPlacement：函数（错误，元素）{ 如果（元素.parent（'.input-group'）.length）{ error.insertAfter(element.parent()); } else if (element.hasClass('choices__input')) { error.insertAfter(element.siblings('.choices__list--dropdown')); } 别的 { error.insertAfter(元素); } }, 突出显示：功能（元素）{ 如果（$（元素）.hasClass（'choices__input'））{ $(element).siblings('.choices__list--dropdown').addClass('is-invalid'); } 别的 { $(element).addClass('无效'); } }, 取消突出显示：函数（元素）{ 如果（$（元素）.hasClass（'choices__input'））{ $(element).siblings('.choices__list--dropdown').removeClass('is-invalid'); } 别的 { $(element).removeClass('is-invalid'); } }, 提交处理程序：函数（表单）{ // ajax代码

  return false;
}

});`

我曾尝试使用聊天 GPT 来解决我的问题，但无济于事。我试图阅读文档仍然无法正常工作。