diff --git a/src/pivotal-ui/components/forms.scss b/src/pivotal-ui/components/forms.scss index fac41e70b..64493cad2 100644 --- a/src/pivotal-ui/components/forms.scss +++ b/src/pivotal-ui/components/forms.scss @@ -532,28 +532,57 @@ categories: - Forms --- -### Validation - -Bootstrap includes validation styles for error and success states on form controls. To use, add `.has-error` or `.has-success` to the parent element. Any `.control-label`, `.form-control`, and `.help-block` within that element will receive the validation styles. +To show validation errors on a field, add `.has-error` to the field's form group. +This class can be used for all types of inputs. + +Error messages should use the classes `.help-block.has-error`. + +```html_example_table +
+ + +``` + +If you're doing client-side validation and want to show successful validation of a field, +add `.has-success` to the field's form group. + +The .has-success
class can only be used on inputs that have a text-box.