Question

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

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

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

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

这是一个可以帮助您入门的样板： http://jsfiddle.net/82utb/

Answer 1

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

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>

Answer 2

我添加了另一个数据属性，data-error-container =＆＃34; #elem＆＃34;那   可以让你直接在dom中指定错误消息的位置   必须显示。

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

引自@guillaumepotier的回答 Parsley.js - Displaying Errors in a Specified Element

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

2 个答案: