In production-ready forms, validating user input is a must. Even though, on the server side, applications should double-check all the data that is passed to them, also pre-validating data on the frontend should be a mandatory practice for any experienced developer.

In this chapter, we are going to look at a very well-known and powerful library for form validation, Vuelidate. You will learn how to use this library in your projects, and you will be able to successfully validate user input with it.

Thankfully, in Vue, we have a few different options for third-party libraries, such as Vuelidate, VeeValidate, and even Vuetify has its own validation methods. 

In this chapter, we will be covering Vuelidate. Ranging from its installation to the creation of rules and applying them to our form inputs, and using the error state to inform our users of a problem.

This chapter will cover the following topics:

• Installing dependencies
• Creating validation rules
• Moving validation into our custom inputs
• Adding the final touches