Parsley.js – 显示指定元素中的错误

使用Parsley.js ，是否可以指定应该包含错误消息的元素？ 我试过了：

$('#myForm').parsley({ errors: { container: { $('#errorMessages') } } }); 

但是在我的表单输入之后仍然存在错误消息。

Answer 1

我添加了另一个数据属性data-parsley-errors-container =“＃element”，它可以让你直接在dom中指定错误消息必须显示的位置。

更多信息： http ： //parsleyjs.org/doc/index.html#ui-for-field

最好

Answer 2

我从容器密钥提供的函数返回true 。

我的HTML元素

使用Javascript

 $('#abc').parsley({ errors: { classHandler: function ( elem ) {} , container: function ( elem, template, isRadioOrCheckbox ) { //here i have span msg. id to be displayed as custom attribute in input element $('#' + $(elem).attr('errorSpan')).html(template); return true;//returning back boolean makes it work } , errorsWrapper: '
' , errorElem: '
' } }); 

如果我回来，它也有效

 return $('#' + $(elem).attr('errorSpan')).html(template); 

希望这可以帮助……

Answer 3

您需要使用回调函数来执行此操作

这是一个将错误消息附加到元素父级的简单示例。

 $('#myForm').parsley({ errors: { container: function ( elem ) { return $( elem ).parent(); } } }); 

编辑：在1.1.10-dev上工作，我改变了如上所述定义错误容器的方法。 小心，这是BC Break;

Answer 4

data-parsley-errors-container="#your-div-id"为我工作

 
 Start Time 
 
   
 
  

Answer 5

@guillaumepotier我在jquerymobile上尝试了你的代码，我没有在屏幕上显示任何错误信息。 我想在类“help-inline”中添加错误消息

的index.html

    ... 
 From 
   
  

parsley.message.th.js

 window.ParsleyConfig = $.extend( true, {}, window.ParsleyConfig, { errors: { container: function ( elem ) { return $(elem).parent().find(".help-inline"); } } }); 

更新 – v1.1.9-dev上的工作解决方案

 return $(elem).closest('.controls').find('.help-inline').append(template); 

Answer 6

只需在Parsley库导入之前定义classHandler函数，在我的例子中，我使用bootstrap并在父div上应用错误和有效类（它具有“form-group”类）。

现在只需将data-parsley validate添加到表单标记：

使用引导时，您还需要指定引导错误和有效类

为了在无效/错误状态的父div上设置“has-error”类（同样对于有效）：

 
 Name  
Example help text here.
  

这个解决方案适用于所有领域。