Bootstrap-3-Formular mit Input-Group-Addon-Wrapping-Fehlerlabels mit Jquery Validate
Lesezeit: 1 Minute
bandrzej
Verwenden von Bootstrap 3 mit einem horizontalen Formular unter Verwendung von form-group- und input-group-Tags mit Jquery-Validate. Wenn Jquery.Validate auf Fehler ausgeführt wird, hängt es eine Label-Fehlerkontrolle innerhalb der Eingabegruppe an.
Das Problem ist, dass input-group-addon in die nächste Zeile unter dem Formularfeld umbricht, wenn die Label-Fehlerkontrolle von Jquery Validate hinzugefügt wird.
Wie bekomme ich den Etikettenfehler, unter der Formularkontrolle zu bleiben und nicht das Input-Group-Addon in die nächste Zeile umbrechen?
Ja, diese Lösung ist mir bekannt – funktioniert hervorragend, richtet aber immer noch nicht das Fehlerlabel für form-horizontal aus: Bootstrap 3 mit jQuery Validation Plugin
könnten Sie nicht einfach den Vorschlag verwenden und dann eine Offset-Klasse zur Fehlerklasse hinzufügen? zB errorClass: ‘help-block col-md-offset-2’,
Musste das Label außerhalb der Eingabegruppe verschieben. Nachdem dies geschehen war, trat das erwartete Verhalten auf: Formularbezeichnung nach links, Feld nach rechts und Fehler unter dem Feld.
Da das Fehlerlabel vom jQuery Validate-Plug-in dynamisch hinzugefügt wird, hilft diese Lösung nicht weiter.
– Debiprasad
26. Juli 2017 um 10:53 Uhr
Hügel
Der einfachste Weg, Ihr Problem zu lösen, sollte darin bestehen, Ihr Fehlerlabel mit der absoluten Positionseigenschaft in CSS einzufügen. In Ihrem Beispiel ist hier das Ergebnis:
könnten Sie nicht einfach den Vorschlag verwenden und dann eine Offset-Klasse zur Fehlerklasse hinzufügen? zB errorClass: ‘help-block col-md-offset-2’,
– pgee70
28. Juni 2014 um 14:35 Uhr