Javascript js-将标签值附加到错误消息

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

默认情况下，错误消息类似于“此值是必需的”

我想用输入标签更改“thisvalue”，以便获得更好的错误消息

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

下面是一个样板，让您开始：

---

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

以下是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>

姓名：

我添加了另一个数据属性，data error container=“#elem”，即 可以允许您直接在dom中指定错误消息的位置 将必须显示

更多信息请点击此处：

引自@guillaumepotier的回答

---

这是一种有趣的方法，但我试图使这种方法自动化。您的解决方案对一个输入有效，但对两个输入无效，因为在这个fork中。在尝试销毁欧芹之前，我已尝试在输入中使用欧芹错误消息。也许您可以更新每个输入的欧芹错误消息并销毁欧芹以更新错误消息。如果您只需要标签而不需要值，您可以为每个输入字段提供一条欧芹错误消息。