Forms & Validation

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Form Settings

Modifications of error messages:

You can modify a place where the error message will be dysplayed. Just place:

  • <span id="error-something"> into the code
  • rel="something" into the meant input
    (or each of checkbox/radio input of the group).

Focus input without Label class="onFocusEmpty"

Checkbox Vertical: *

Radiobuttons Vertical: *

Checkboxes Horizontal: *

Radiobuttons Horizontal: *

Click on the Validate button to see error messages of empty requirde items

Sizes and colors of the inputs/buttons

no class size-80 size-120 size-150 size-170 size-200
close

Attention: The real size of the button may be increased by left/right paddings and borders of the element. Text input and Textareas will be increased about 10px. Select and Buttons will preserve exact size.