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

标签 javascript parsley.js

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

最佳答案

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

 $(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。

关于javascript - 解决所有错误后,如何使 data-parsley-errors-container ="#element"消失?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25070698/

相关文章:

javascript - 数据分钟检查欧芹不起作用

javascript - 如何使用两个 Ui Range Sliders 对相同数据进行排序

javascript - 使用 JS 和下拉菜单通过 ID 选择器切换显示/隐藏 DIV

javascript - vTiger 和 jQuery 手机掩码

javascript - 使用 parsley.js 添加自定义 CSS 类

javascript - 将附加内容插入欧芹错误

javascript - Parsley.js 错误消息

jquery - 使用 Parsley.js 仅验证 ASP.net 页面上的一个表单

javascript - Jquery输入文本中的不可见字符串

javascript - ng-table 的 getData 函数中未定义的参数