Hallo Community,
ich mir eine eigene Komponente gebaut. Diese Komponente beinhaltet ein Formular im Frontend. Dieses Formular enthält neben einer Kategorieliste, Textfeldern auch eine Multiselect-Liste. Diese Multiselect-Liste habe ich mit der JS-Bibliothek "chosen.jquery" versehen, um das Handling zu verbessern. So weit so gut.
Hier mal die Felddefinitionen:
<field name="field_id" type="list" label="COM_HEKAINNOVATIONS_FIELD_LABEL" description="COM_HEKAINNOVATIONS_FIELD_DESC" class="span9" multiple="true" default="" required="true"> <option value="1">COM_HEKAINNOVATIONS_FIELD_1</option> <option value="2">COM_HEKAINNOVATIONS_FIELD_2</option> <option value="3">COM_HEKAINNOVATIONS_FIELD_3</option> <option value="4">COM_HEKAINNOVATIONS_FIELD_4</option> <option value="5">COM_HEKAINNOVATIONS_FIELD_5</option> <option value="6">COM_HEKAINNOVATIONS_FIELD_6</option> </field>
Meine Harausforderung liegt im "required=true". Die Multiselect-Liste ist default nur mit einem Placeholder versehen. Es muss eine Option ausgewählt werden, bevor das Formular abgesendet werden kann.
Bei den anderen Pflichtfeldern wird über JS ein Hinweis angezeigt (siehe Anhang). Bei der Multiselect-Liste jedoch nicht. Und ich erhalte die Fehlermeldung:
Die JS-Bibliothek "chosen.jquery" ersetzt ja quasi die Multiselect-Liste und setzt diese auf "display: none;".
Gibt es einen Workaround, um den Hinweis, wie bei den anderen Feldern einzublenden?
teccrow