2014-10-07 9 views
5

Bootstrap ermöglicht Validierungsstatus für die Eingabe in Formulare mit class="form-group has-error". Aber das funktioniert nicht mit <textarea>, und merkwürdigerweise auch nicht die help-inline, keine Hilfe?Bootstrap - So verwenden Sie Validierungsstatus auf einem <textarea>

Edit: Dies ist die vollständige Eingangsgruppe:

<div class="form-group"> 
    <label for="desc" class="col-sm-2 control-label">Description:*</label> 
    <div class="col-sm-10"> 
    <textarea autocomplete="off" class="form-control" rows="5" name="desc" id="desc"></textarea> 
    </div> 
</div> 
+0

Bitte nicht verwenden „Bootstrap“ Tag verwenden „twitter-Bootstrap“, da bedeutet es etwas anderes –

Antwort

4

Sie konnten die Klasse form-control zum textarea Element hinzuzufügen.

Example Here

<div class="form-group has-error"> 
    <textarea class="form-control"></textarea> 
</div> 

Der Wähler dafür verwendet wird, ist .has-error .form-control. Hier ist die Standard-Styling zu:

.has-error .form-control { 
    border-color: #a94442; 
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075); 
} 
+0

Ja leider habe ich das Formular-Kontrolle bereits auf sie angewendet, so dass shouldn Sei nicht das Problem. – user3934360

+0

@ user3934360 Basierend auf dem HTML-Code, den Sie gerade gepostet haben, sollte * funktionieren * - http://jsfiddle.net/7p9bLfy0/ Sie haben entweder das Bootstrap-Styling geändert oder es gibt Konflikte mit CSS. –

+1

Sorry, dass es aussieht, als wäre ich ein PHP-Problem, aber danke, dass du geholfen hast! – user3934360

Verwandte Themen