Format CSS in jQuery Validate

Question

I want to view the text response of jQuery validate in a new line, not inline with the input elements.

How I can achieve it?

Press NEXT, you will see the validation response line in the same line as the input, i want it in a new line

Kyle · Accepted Answer · 2011-11-11 12:20:49Z

7

Just add display: block; to your label.error selector.

label.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
    display: block;
}

answered Nov 11, 2011 at 12:20

Kyle

67.5k28 gold badges148 silver badges153 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Manuel van Rijn · Accepted Answer · 2011-11-11 12:20:35Z

3

add the following option into your validation options

errorLabelContainer: "#errors"

where #errors is the selector of the element where you want to show the errors

answered Nov 11, 2011 at 12:20

Manuel van Rijn

10.3k1 gold badge33 silver badges54 bronze badges

Upvoted even though it doesn't strictly meet the OP, as it's a good technique none the less.

Murtaza · Accepted Answer · 2011-11-11 12:23:12Z

1

just add a break to your statement

provincia: "<br />Por favor selecciona una provincia"

it shift to next line.

answered Nov 11, 2011 at 12:23

Murtaza

3,0752 gold badges28 silver badges39 bronze badges