Detect which form fields have validation error

[ravgeetdhillon]

First of all, thanks for this wonderful package.

I have two issues that I need to fix in the app I am currently working on.

1. How do I prevent the user from going back if the form is currently not saved? For example, preventing a user from pressing the browser's back button. If they do press, I want to show an alert box saying that they have some unsaved changes.

2. I have a product page in my app that has a single VueFormulate form and under it, there are multiple tabs. Now, if there is a validation error on the field on any of the inactive tabs, the user doesn't know about it. They have to go through all of the tabs to find which field has a validation error. To solve this, I can display an error message on top of the page saying that there are some errors on the "X" tab. Now, I have an Object where I keep which field belongs to which tab. Now, I need the information that which field is showing the validation error. Based on this information, I can easily tell the user to switch to the "X" tab to resolve the issue.

Please let me know how can I solve these issues.

Thanks.