Si usamos el plugin select2 para los selects conjuntamente con Parsley, por defecto el mensaje de error nos aparecerá en la parte superior del desplegable ya que el select por defecto está oculto.
Para resolverlo, haremos uso del fieldset en el html para indicar en qué campos queremos posicionar el mensaje de error. En nuestrto ejemplo, al estar el select dentro de un fieldset, el mensaje aparecerá en el div con class select-error.
<fieldset>
<select name="diagnostic" id="diagnostic" class="form-control select2" required>
<option value="">Selecciona una opció...</option>
<option value="Traumatisme">Traumatisme</option>
</select>
<div class="select-errors"></div>
$(document).ready(function() {
var parsleyConfig = {
errorsContainer: function(parsleyField) {
var fieldSet = parsleyField.$element.closest('fieldset');
if (fieldSet.length > 0) {
return fieldSet.find('.select-errors');
}
return parsleyField;
}
};
$("form").parsley(parsleyConfig);
});
