Visualizza errori di prezzemolo in Bootstrap Tooltip
-
21-12-2019 - |
Domanda
Sto usando prezzemolo 2.0.0-rc5 e vuoi visualizzare i messaggi di errore in un tooltip bootstrap.Sto usando "prezzemolo: campo: errore" ma l'evento si incrementa prima che l'errore venga visualizzato nel contenitore dell'errore e non riesco a raccogliere l'errore.Qualcuno un'idea come ottengo il messaggio di errore per ogni campo?
$.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');
});
. Soluzione
Guillaume Poier, l'autore di Prezzemolo, ha aggiunto un metodo ParsleyUI.getErrorsMessages(parsleyFieldInstance)
che restituirà un array di errori di messaggi.È disponibile su Master Branch in github e verrebbe rilasciato nella prossima versione stabile.
Questo funziona perfettamente per me e questo è il mio codice di esempio:
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');
});
. Autorizzato sotto: CC-BY-SA insieme a attribuzione
Non affiliato a StackOverflow