Ionic 4/5 + VueJS - Form Validation;

Does anyone know of an elegant solution for Ionic 4/5 + VueJS form validation?

I have tried VeeValidate which does not work out of the box without some annoying workarounds. I’ve also tried Vuelidate which I cannot get to work at all. The issue in both being that they don’t work with ion-input.

Let me know if anyone has found a way to get either of the above 2 libraries to work or if you have an alternative solution!

At this pace, I’m likely going to end up not using ion-input components and styling my own HTML inputs for mobile as I prefer that solution to writing my own validation (very big application with a ton of pages/forms).

Thanks!

might be late but here is an example using updated version of VeeValidate, also you need to use the vue specific form elements ion-input-vue for example

2 Likes