Parsley.js-将标签值附加到错误消息中

Parsley.js - Append label value to the error message

本文关键字：错误 消息 js- 标签 Parsley      更新时间：2023-09-26

有没有办法获得输入字段的引用并将其值或标签附加到错误消息中？

默认情况下，错误消息类似于"This value is required"。

我想用输入标签更改"This value"，以便得到更好的错误消息。

$( '#form' ).parsley({
    messages: {
        required: 'LABEL VALUE HERE + Error message'
    } 
});

这里有一个样板，让你开始：http://jsfiddle.net/82utb/

您可以销毁欧芹，并在每次标签或值更改时使用新的错误消息重新初始化。

http://jsfiddle.net/doodlebot/yhcY6/

这是JS：

function updateMessage($target) {
    var inputValue = $target.val();
    var id = $target.attr('id');
    var valueOrLabel = inputValue ? inputValue : id;
    $('#form').parsley('destroy');
    $('#form').parsley({
        messages: {
            required: valueOrLabel + ' Error message',
            minlength: valueOrLabel + ' is too short'
        } 
    });
    $('#form').parsley('isValid');
}
updateMessage($('#name'));
$('input[type="text"]').on('keyup', function() {
    updateMessage($(this));
});

以及HTML:

<form id="form" action="#">
    <div class="row">
        <label for="name">Name:</label>
        <input id="name" type="text" placeholder="Your name" parsley-minlength="6" parsley-required="true" />
    </div>
    <div class="row">
        <input type="submit" value="Validate" />
    </div>
</form>

我添加了另一个数据属性，数据错误容器="#elem"可以允许您直接在dom中指定错误消息的位置必须显示。

更多信息请点击此处：http://parsleyjs.org/documentation.html#parsleyfield

引用自@guillaumepotier的回答Parsley.js-显示指定元素中的错误

相关文章：