Posted in

Posición del mensaje de error en Parsley cuando usamos Select2

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);
    });

Deixa un comentari

L'adreça electrònica no es publicarà. Els camps necessaris estan marcats amb *


The reCAPTCHA verification period has expired. Please reload the page.