Question

我希望parsley.js在每个违规字段的标签附近显示一个图标。类似的东西：

<label class="warning" for="name">Name</label>

（http://jsfiddle.net/7q3ktchb/）

基本上，我想配置parsley来设置违规字段标签的类。

这可能吗？

Answer 1

您可以使用事件parsley:field:success和parsley:field:error

来实现这一目标

<form id="myForm">
    <label for="name">Name</label>
    <input type="text" name="name" data-parsley-minlength="5" data-parsley-required="true" />

    <label for="email">Email</label>
    <input class="cuiMessageWarningImg" type="text" name="email" data-parsley-required="true"
        data-parsley-type="email" />

    <button type="submit">Submit</button>
</form>
<script>
    $('#myForm').parsley();

    $.listen('parsley:field:error', function(ParsleyField) {
        ParsleyField.$element.prev('label').addClass('warning');
    });

    $.listen('parsley:field:success', function(ParsleyField) {
        ParsleyField.$element.prev('label').removeClass('warning');
    });
</script>

选中此working example in jsfiddle

自定义parsley.js以在违规字段附近显示图标

1 个答案: