menu

Form validation

Bootstrap

Form validation. Big deal. But not so much for this style, because it uses all the functionallity from bootstrap form validation.

Looks good!
Looks good!
@
Please choose a username.
Please provide a valid city.
Please provide a valid state.
Please provide a valid zip.
You must agree before submitting.
Back end

Hey, it's not always bootstraps validation workes out in your project. Sometimes you validate the forms at the server.

Make sure to send back class server-side-val__error to your input, select or textarea.

If you want, you can also add a div with the class of server-side-val__feedback. Just type your form feedback right inside the element.

NOTIFICATION

To futher explain what happened, you can add either a error-toast, warning-toast or a success-toast, depending on if it went good or bad.

Title 11 mins ago
Eeey, world! This is a error message.
Title 11 mins ago
Hey, world! This is a warning message.
Title 11 mins ago
Hey, world! This is a warning message.
Title 11 mins ago
Jippie, world! This is a success message.