我如何制作data-parsley-errors-container =" #lement"所有错误解决后消失?

时间:2014-07-31 23:40:26

标签: javascript parsley.js

如何在解决所有错误消息后将错误容器样式设置为none? 我正在使用data-parsley-errors-container="#element"在表单顶部创建一个div区域。我想对它应用背景颜色,但是当我这样做时,在删除所有错误消息<li>之后,我留下了所有<ul>,它具有空div区域的效果有彩色背景。

1 个答案:

答案 0 :(得分: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。