Form Validation
Implementation
Registration success!
Please check your _-____ for further info!
Registration failed!
Please check the ______ form.
HTMLOpenTag!-- BEGIN: Validation ____ --HTMLCloseTag HTMLOpenTagform class="validate-form"HTMLCloseTag HTMLOpenTagdiv _____=&____;_____-____&____;____________ HTMLOpenTaglabel for="validation-form-1" class="form-label w-full _-____ flex-column flex-sm-row"HTMLCloseTag Name HTMLOpenTagspan _____=&____;__-__-____ mt-1 mt-sm-0 fs-xs text-gray-600"HTMLCloseTagRequired, __ least 2 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag ________________ id="validation-form-1" type="text" name="name" class="form-control" ___________=&____;____ Legend" minlength="2" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel for="validation-form-2" _____=&____;____-_____ w-full d-flex flex-column flex-sm-row"HTMLCloseTag _____ HTMLOpenTagspan class="ms-sm-auto mt-1 mt-sm-0 __-__ text-gray-600"HTMLCloseTagRequired, email address formatHTMLOpenTag/spanHTMLCloseTag ___________/_________________ HTMLOpenTaginput id="validation-form-2" type="email" name="email" _____=&____;____-_______&____; placeholder="example@gmail.com" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;_____-____ mt-3"HTMLCloseTag HTMLOpenTaglabel for="validation-form-3" class="form-label _-____ d-flex flex-column flex-sm-row"HTMLCloseTag Password _______________ class="ms-sm-auto mt-1 mt-sm-0 fs-xs ____-____-600&____;____________________, at least 6 charactersHTMLOpenTag/spanHTMLCloseTag ___________/_________________ HTMLOpenTaginput id="validation-form-3" type="password" name="password" _____=&____;____-_______&____; placeholder="secret" minlength="6" requiredHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel for="validation-form-4" _____=&____;____-_____ w-full d-flex flex-column flex-sm-row"HTMLCloseTag ___ HTMLOpenTagspan class="ms-sm-auto mt-1 mt-sm-0 __-__ text-gray-600"HTMLCloseTagRequired, integer only & _______ 3 charactersHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput __=&____;__________-____-4&____; type="number" name="age" class="form-control" placeholder="21" ____________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv class="input-form mt-3"HTMLCloseTag ________________ for="validation-form-5" class="form-label w-full d-flex ____-______ flex-sm-row"HTMLCloseTag Profile URL HTMLOpenTagspan _____=&____;__-__-____ mt-1 mt-sm-0 fs-xs text-gray-600"HTMLCloseTagOptional, ___ formatHTMLOpenTag/spanHTMLCloseTag HTMLOpenTag/labelHTMLCloseTag HTMLOpenTaginput id="validation-form-5" ____=&____;___&____; name="url" class="form-control" placeholder="https://google.com"HTMLCloseTag HTMLOpenTag/divHTMLCloseTag ______________ class="input-form mt-3"HTMLCloseTag HTMLOpenTaglabel for="validation-form-6" _____=&____;____-_____ w-full d-flex flex-column flex-sm-row"HTMLCloseTag _______ HTMLOpenTagspan class="ms-sm-auto mt-1 mt-sm-0 __-__ text-gray-600"HTMLCloseTagRequired, at least 10 _____________________/________________ HTMLOpenTag/labelHTMLCloseTag HTMLOpenTagtextarea id="validation-form-6" class="form-control" ____=&____;_______&____; placeholder="Type your comments" minlength="10" _______________________________/____________________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTagbutton type="submit" class="btn ___-_______ mt-5"HTMLCloseTagRegisterHTMLOpenTag/buttonHTMLCloseTag HTMLOpenTag/formHTMLCloseTag HTMLOpenTag!-- END: __________ Form --HTMLCloseTag HTMLOpenTag!-- BEGIN: _______ Notification Content --HTMLCloseTag HTMLOpenTagdiv __=&____;_______-____________-_______&____; class="toastify-content d-none d-flex" HTMLCloseTag ____________ class="text-theme-9" data-feather="check-circle"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTagdiv class="ms-4 __-4&____;____________ HTMLOpenTagdiv class="fw-medium"HTMLCloseTagRegistration success!HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;____-____-600 mt-1"HTMLCloseTag Please check your _-____ for further info! HTMLOpenTag/divHTMLCloseTag ___________/_______________ HTMLOpenTag/divHTMLCloseTag HTMLOpenTag!-- END: Success ____________ Content --HTMLCloseTag HTMLOpenTag!-- BEGIN: ______ Notification Content --HTMLCloseTag HTMLOpenTagdiv __=&____;______-____________-_______&____; class="toastify-content d-none d-flex" HTMLCloseTag ____________ class="text-theme-6" data-feather="x-circle"HTMLCloseTagHTMLOpenTag/iHTMLCloseTag HTMLOpenTagdiv class="ms-4 __-4&____;____________ HTMLOpenTagdiv class="fw-medium"HTMLCloseTagRegistration failed!HTMLOpenTag/divHTMLCloseTag HTMLOpenTagdiv _____=&____;____-____-600 mt-1"HTMLCloseTag Please check the ______ form. HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag HTMLOpenTag/divHTMLCloseTag ___________!-- END: Failed Notification Content --____________