Bootstrap Tooltipでパセリエラーを表示します
-
21-12-2019 - |
質問
Parsley 2.0.0-RC5を使用していて、ブートストラップツールチップにエラーメッセージを表示します。私は "parsley:field:error"を使っていますが、エラーがエラーコンテナに表示される前にイベントが発生し、エラーを拾うことはできません。誰かが各フィールドのエラーメッセージを受ける方法を考えていますか?
$.listen('parsley:field:error', function (e) {
dataParsleyId = e.$element.attr('data-parsley-id');
errorMsg = 'Error: ' + $('#parsley-id-'+dataParsleyId).text();
e.$element.attr('data-original-title', errorMsg);
e.$element.tooltip('show');
});
. 解決
Parsleyの著者であるGuillaume Potierは、メッセージエラーの配列を返す
ParsleyUI.getErrorsMessages(parsleyFieldInstance)
メソッドを追加しました。 github で、次の安定版でリリースされます。
これは私にとって完璧に機能します、そしてこれは私のサンプルコードです:
window.Parsley.on('field:error', function (fieldInstance) {
fieldInstance.$element.popover({
trigger: 'manual',
container: 'body',
placement: 'right',
content: function () {
return fieldInstance.getErrorsMessages().join(';');
}
}).popover('show');
});
window.Parsley.on('field:success', function (fieldInstance) {
fieldInstance.$element.popover('destroy');
});
. 所属していません StackOverflow