Parsley.js - 將標籤值附加到錯誤消息

Question

有什麼方法可以獲取輸入字段的引用並將其值添加到錯誤消息中？

默認情況下，錯誤消息類似於「此值是必需的」。

我想用輸入標籤更改「此值」，以便獲得更好的錯誤消息。

$('#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

我已經添加了另一個數據 - 屬性，數據錯誤容器=「＃ elem「 可能允許您直接在dom中指定錯誤消息 將不得不b的位置e顯示。

此處瞭解詳情：http://parsleyjs.org/documentation.html#parsleyfield

從@guillaumepotier答案 Parsley.js - Displaying Errors in a Specified Element