Styling jQuery Validierung mit Select2 4.0 und Bootstrap 3+

  

Ich habe versucht, andere SOs zu suchen, aber alle verwenden die 3.5.xx-Version von select2

Es gibt keine geheime Formel für verschiedene Versionen. Nur rohe Gewalt, um es für Ihre Situation herauszufinden. Das bedeutet, dass Sie das gerenderte DOM überprüfen müssen, damit Sie wissen, welche Elemente Sie anvisieren und wie Sie sie anvisieren.

1. Schreiben Sie CSS, das auf das gerenderte Element Select2 zielt. Wenn also der übergeordnete Container die Klasse has-error hat, wird das Select2-Element als solches formatiert.

   %Vor%

2. Um die Fehlermeldung zu erhalten, nach zu verwenden, benötigt das Select2-Element einfach eine weitere Bedingung innerhalb der Option errorPlacement zusammen mit einigen jQuery-DOM-Traversalen.

   %Vor%

3. Und schließlich, da die Interaktion mit dem Select2 keine Ereignisse enthält, die das jQuery Validate-Plugin automatisch erfasst, müssen Sie einen benutzerdefinierten Event-Handler schreiben und die Validierung programmgesteuert auslösen.

   %Vor%

Arbeitsdemo: Ссылка

Sparkys Antwort funktionierte bei mir einfach nicht, also habe ich sie wie folgt geändert:

Eine kleine Änderung an @ Sparkys Lösung - Ich akzeptiere das Guthaben nur, um herauszufinden, dass error und valid -Klassen werden vom letzten jquery validate (: P) als Datum verwendet:

Jetzt Code:

Verwenden Sie CSS in error class, wie es Ihnen gefällt.