Checkbox validation gets called twice

[holygekko]

What happened?

When you have a field of type checkbox the validation rule(s) get called twice instead of once (like with a text input)

Reproduction steps

1. open the example on the homepage in stackblitz
2. in the schema definition remove the yup.object and make it a regular object
3. create your custom rule function. can be anything, but include a console.log
4. change the field type to checkbox
5. open the console, run the example and see your log statement printed twice when you click the checkbox (the non checkbox field doesn't do this)

Version

Vue.js 3.x and vee-validate 4.x

What browsers are you seeing the problem on?

• Firefox
• Chrome
• Safari
• Microsoft Edge

Relevant log output

No response

Demo link

https://vee-validate.logaretm.com/v4/

Code of Conduct

• I agree to follow this project's Code of Conduct

[logaretm]

This is expected, because clicking a checkbox emits both a change and input events. vee-validate validates on both either way to sync the value and the .valid flag regardless of user config. I did consider excluding the input event validation but user may have configured it to validate then, so we would be forced to listen regardless.

Text boxes does follow the same behavior if you type something then leave the input, that would emit input then change respectively.

This may get partially solved with #4630