I've run into the same problem when trying to use two classes with the errorClass option.
A workaround I'm using is to use the Adjacent sibling css selector
http://www.w3.org/TR/CSS2/selector.html#adjacent-selectors
- $('#myFormId').validate( {
- errorClass: "ui-state-error",
- errorElement: "span"
- });
-
input.ui-state-error + span {
-
display: inline-block !important;
-
margin-left: 10px !important;
-
font-weight: bold;
-
}
Where input.ui-state-error is the input that is being validated and has an error
And + span is the error string
Obviously this will only work when your error label is next to your error input