Question

保存包含一个或多个select2的表单时，我遇到select2错误放置问题。

这就是我所拥有的：我有一些带有一些强制性select2输入的表单，它们可以很好地显示jQuery Validate的错误但是我想要的是当我保存表单时html跳转到select2并带有错误。目前，提交处理程序可以很好地跳转到除选择器之外的任何其他元素。

Answer 1

我最终覆盖了无效的处理程序并调用了select2的id：

invalidHandler: function(form, validator) {
    var errors = validator.numberOfInvalids();
    if (errors) {
        if($(validator.errorList[0].element).is(":visible"))
        {
            $('html, body').animate({
                scrollTop: $(validator.errorList[0].element).offset().top
            }, 100);
        }
        else
        {
            $('html, body').animate({
                scrollTop: $("#s2id_" + $(validator.errorList[0].element).attr("id")).offset().top
            }, 100);
        }
    }
}

Answer 2

使用相同的jQuery验证程序，只需移动错误即可

$("#your_id").change(function(e) {
   let id_error = `#${$(this).attr('id')}-error`
   if(!$(this).valid()) {
      $(id_error).detach().appendTo($('.select2-container').first())
   }
})

错误放置，Select2

2 个答案: