如何在输入之前而不是之后显示Parsley错误消息？

Question

Parsley.js将错误消息附加到指定的错误容器元素的末尾。但我想在输入之前出现错误消息，而不是在之后：

<div class="form-group">
    <ul>
        <li>This value is required.</li>
    </ul>
    <div class="btn-group" data-toggle="buttons">
        <label><input type="radio" name="myButton" value="yes" required="required">Yes</label>
        <label><input type="radio" name="myButton" value="no" required="required">No</label>
    </div>
    <!-- This is where the error message would go by default. -->
</div>

这可能吗？我在文档中找不到类似的内容。

（我正在改变these lines的错误容器类。）

Answer 1

老问题，但对于那些像我一样遇到这个问题的人来说，有一个解决方案。 Parsley允许您为错误消息定义自定义容器。

一个简单的例子：

<form class="quoteForm" data-parsley-validate>
   <div class="nameError"></div>
   <input type="text" name="name" placeholder="Name*" data-parsley-required="true" data-parsley-errors-container=".nameError"/>
</form>

关键是：

data-parsley-errors-container=".nameError"

其中指定了用于保存错误消息的自定义框。由于这超出了表单输入，因此您最终会错误地将错误发送到它之上。