Form validation presented below uses jQuery Validation plugin. We have expanded this plugin so it can be used by writing HTML only.
To see real and more advanced examples please see Sign Up 1 and Sign Up 2 page.

In any form it is enough to set the attribute data-toggle="validator" and the rest will be taken care by the plugin itself, even if the form is horizontal. If a field has Help Text as in the following cases, the Help Text disappears to create space for the error message and reappears only when the field is successfully validated.
Displayed on your profile and in other places as your name.
Available publicly, but not shown on your profile.
Write some details about yourself to fill out your profile.
Also anyone wanting validation with a feedback icon, please look at the following example. The icons may vary by data attributes for example:
data-error-icon="icon-exclamation" or data-valid-icon="icon-check-circle".
Displayed on your profile and in other places as your name.
Available publicly, but not shown on your profile.
Write some details about yourself to fill out your profile.
Buy Elephant Now!
  • Theme Settings
  • Header fixed
  • Sidebar fixed
  • Sidebar sticky*
  • Sidebar collapsed
  • Footer fixed
  • Sidebar sticky* - by scrolling up and down the page, the menu placed on the sidebar moves along with the content until the bottom of the menu is reached. Learn more