如何覆盖Parsley.js默认配置以在项目中使用

Question

我正在尝试更改Parsley的默认设置,以便它与Bootstrap 3.x的样式格式匹配.

我找到了这段代码:https://gist.github.com/askehansen/6809825

我在"Parsley.min.js"之后添加了这个(顺便使用v2.0.0)文件,但似乎根本没有工作.我只使用DOM api,而不是常规的js parsley()调用.

这样做的正确方法是什么？

谢谢大家.

Answer 1

首先,这个要点在2.x版本中不再有效.默认配置在这里:http://parsleyjs.org/doc/annotated-source/defaults.html

您可以更新上面的gist以使其适用于新的选项配置对象,主要是,它会看起来类似于:

  window.ParsleyConfig = {
    classHandler: function ( elem, isRadioOrCheckbox ) {
      // specify where parsley error-success classes are set
      return $(elem).parents(".form-group");
    },
    errorsWrapper: '<span class="help-block"></span>',
    errorTemplate: '<span></span>' 
   };

其次,您需要window.ParsleyConfig 在调用parsley.min.js 之前定义

请查看文档以了解ParsleyConfig的工作原理以及如何使用它来自定义整个Parsley行为:http://parsleyjs.org/doc/index.html#psly-usage-global-configuration