Chosen - required

[Rolf B]

Hallo Bernd,

<div class="chosen-container chosen-container-single chosen-container-single-nosearch" title="" id="eintrag_chosen" style="width: 40%;"><a class="chosen-single chosen-default">
  <span>Bitte wählen...</span>
  <div><b></b></div>
</a>
<div class="chosen-drop">
  <div class="chosen-search">
    <input class="chosen-search-input" type="text" autocomplete="off" readonly="">
  </div>
  <ul class="chosen-results"></ul>
</div></div>

Erkennst Du das wieder? DAS macht .chosen aus deinem Select-Element. Ein Select-Element gar nicht mehr drin, statt ein selbstgemachtes Control, das den Select-Aufbau aus <input type="text"> und einer per Javascript gefüllten Liste nachbildet.

Chosen kennt required offenbar nicht. Der ausgewählte Wert steht nachher im span-Element, darauf gibt's kein required-Attribute.

Mein Fazit: Mit diesem Gewirr kannst Du keine constraint-Validation (also required und Co) durchführen. Schmeiß chosen weg, oder registriere Dich auf das submit-Event und prüfe von Hand. Die Anzeige mit den :valid-Selektoren wird dann aber immer noch schwer fallen (es sei denn, :valid ist auf div oder span erlaubt, das habe ich jetzt nicht geprüft).

Rolf