I’m using the Square form (https://developer.squareup.com/reference/sdks/web/payments/card-payments) and a multi-step form (https://www.nicesnippets.com/blog/jquery-multi-step-form-wizard-plugin-with-validation) that uses Validation.js (https://jqueryvalidation.org/)
The problem I have is that I can’t find a way to make the multi-step stop from moving to the next step when the credit card information is not valid.
I think the solution to this problem is to capture the validation of the credit card exactly when the user finishes filling out the form and Square returns no errors.
When Square returns no errors, I can set a required checkbox with a value of 1 that Validate,js can recognize as a credit card with good information.
Is that even possible?