javascript - 解决所有错误后，如何使 data-parsley-errors-container ="#element"消失？

Question

如何将错误容器样式设置为在解决所有错误消息后不显示？我正在使用data-parsley-errors-container="#element"创建 div我的表格顶部的区域。我想对其应用背景颜色，但是当我这样做时，毕竟出现错误消息 <li>被删除了，我只剩下所有的 <ul>其效果为空 div具有彩色背景的区域。

Answer 1

我遇到了类似的问题，以下是我的解决方法:

 $(document).ready(function () {


    $('#formId').parsley().subscribe('parsley:field:error', function () {

       $('#errorDiv').css({
            "display": "block"
            }); 
       });

    $('#formId').parsley().subscribe('parsley:field:success', function () {

        var totalErrorCount = $("#filterErrorDiv li").length;
        if(totalErrorCount == 0)
        {
            $('#errorDiv').css({
                "display": "none"
            });
        }

      });
  });

如果任何字段有错误，则错误事件监听器将显示 errorDiv。对于每个字段验证成功，第二个监听器都会检查现有错误计数，如果没有剩余错误，则隐藏 errorDiv。