Form Validation | Cuba - Premium Admin Template By Pixelstrap

Loading...

###### Don't Miss Out! Our new update has been released.

###### Something you love is now on sale!

Buy now !

### Validation Forms

##### Tooltip Form Validation

If your form layout allows it, you can swap the `{valid|invalid}-feedback` classes for `{valid|invalid}-tooltip` classes to display validation feedback in a styled tooltip. Be sure to have a parent with position: relative on it for tooltip positioning.

First Name
Looks good!
Last Name
Looks good!
Username
@
Please choose a unique and valid username.
City
Please provide a valid city.
State
Please select a valid state.
Zip
Please provide a valid zip.

##### Browser Defaults

Not interested in custom validation feedback messages or writing JavaScript to change form behaviors? Depending on your browser and OS,While these feedback styles cannot be styled with CSS, you can still customize the feedback text through JavaScript.

First Name
Email Address
Password
State
Choose File

###### Select Your Payment Method

Visa
MasterCard
Paypal
Description
I accept the policies.
Are you certain that the details above are accurate?

##### Validation Form

Custom feedback styles apply custom colors, borders, focus styles, and background icons to better communicate feedback.Background icons for `<select>`s are only available with `form-select` and not `form-control.`

First Name
Please enter your valid
Looks's Good!
Password
Please enter your valid password
State
Please select a valid state.
Looks's Good!
City
Please provide a valid city.
Looks's Good!
Zip
Please provide a valid zip.
Looks's Good!

###### Select Your Payment Method

MaterCard
VISA
Invalid select feedback
Choose File
Invalid form file selected
Description
Please enter a message in the textarea.
Agree to terms and conditions
You must agree before submitting.

##### Form Validation with Effects

If your form layout allows it, you can swap the `{valid|invalid}`-feedback classes for `{valid|invalid}`- classes to display validation in a styled effect.

Full Name
Gmail
Password
Confirm Password

##### Form with Password Strength Validation

Use id `horizontal-login` to check password field strength.

Email Address
Please provide a valid email.
Looks's Good!
Password
Please provide a valid password.

- Lowercase & Uppercase
- Number (0-9)
- Special Character (!@#$%^&*)
- Atleast 8 Character