Bootstrap - How to use validation states on a <textarea>
15,385
You could add the class form-control
to the textarea
element.
<div class="form-group has-error">
<textarea class="form-control"></textarea>
</div>
The selector used for this is .has-error .form-control
. Here is the default styling too:
.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);
}
Author by
Ian Woodfill
Updated on June 08, 2022Comments
-
Ian Woodfill almost 2 years
Bootstrap allows for validation states for input inside of forms, using
class="form-group has-error"
. But this doesn't work with<textarea>
, and oddly enough neither does thehelp-inline
, any help?Edit: This is the full input group :
<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>