Validation - Midone - Tailwind HTML Admin Template

Pages

Users

Products

Sony Master Series A9G

Notifications

Denzel Washington

06:05 AM

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500

Kevin Spacey

06:05 AM

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomi

Morgan Freeman

01:10 PM

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20

Brad Pitt

05:09 AM

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 20

Johnny Depp

01:10 PM

There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomi

Form Validation

Implementation

Show example code

Name Required, at least 2 characters

Email Required, email address format

Password Required, at least 6 characters

Age Required, integer only & maximum 3 characters

Profile URL Optional, URL format

Comment Required, at least 10 characters

  HTMLOpenTagform class="validate-form"HTMLCloseTag HTMLOpenTagdiv class="input-form"HTMLCloseTag HTMLOpenTaglabel class="flex flex-col sm:flex-row"HTMLCloseTag Name HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, at least 2 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type="text" name="name" class="input w-full border mt-2" placeholder="John Legend" minlength="2" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel class="flex flex-col sm:flex-row"HTMLCloseTag Email HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, email address formatHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type="email" name="email" class="input w-full border mt-2" placeholder="[email protected]" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel class="flex flex-col sm:flex-row"HTMLCloseTag Password HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, at least 6 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type="password" name="password" class="input w-full border mt-2" placeholder="secret" minlength="6" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel class="flex flex-col sm:flex-row"HTMLCloseTag Age HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, integer only & maximum 3 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type="number" name="age" class="input w-full border mt-2" placeholder="21" maxlength="3" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel class="flex flex-col sm:flex-row"HTMLCloseTag Profile URL HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagOptional, URL formatHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput type="url" name="url" class="input w-full border mt-2" placeholder="https://google.com"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel class="flex flex-col sm:flex-row"HTMLCloseTag Comment HTMLOpenTagspan class="sm:ml-auto mt-1 sm:mt-0 text-xs text-gray-600"HTMLCloseTagRequired, at least 10 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTagtextarea class="input w-full border mt-2" name="comment" placeholder="Type your comments" minlength="10" requiredHTMLCloseTagHTMLOpenTag/textareaHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagbutton type="submit" class="button bg-theme-1 text-white mt-5"HTMLCloseTagRegisterHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/formHTMLCloseTag