Validation - Midone - Tailwind HTML Admin Template

Pages

Users

Products

Sony Master Series A9G

Electronic

Nike Air Max 270

Sport & Outdoor

Notifications

Kate Winslet

01:10 PM

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

John Travolta

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

Tom Hanks

06:05 AM

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem

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

Tom Cruise

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

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