Is it possible to disable front-end JS validation but still have recaptcha working?

[bleepsandblops]

Question

Hello,

I'm trying to use the browser's validation for required fields in a very basic form. I don't want to use the server-validation because I'm using the Ajax function and it's coming back as 500: Couldn’t save submission due to errors. and it doesn't look like I can modify that message to say fields are missing.

I tried checking "Output base javascript" and leaving "Output Theme" unchecked in the javascript options, and in this case the browser validation kicks in but then I get this error on submission, relating to the captcha:

Uncaught TypeError: Cannot read properties of null (reading 'value')
    at o.onValidate (recaptcha-v3.js?v=1776304629:1:3782)
    at v.validateCaptchas (formie.js?v=1776304629:1:38837)
    at formie.js?v=1776304629:1:38206

As a compromise, I would be happy if there was a way to customise that ajax error message when a form is submitted with empty fields.

Thank you!

Additional context

No response

[engram-design]

So we don't offer fine-grained control over specific features in our "Theme JS", which would allow you to theoretically enable captchas, but not client-side validation. I'll see how feasible that is.

But the "Base JS" is required for Ajax submissions, as that's going to wire up the form submit handling to be ajax-driven.

You mention not wanting to use server-validation, and that's not possible to turn off - for a good reason.

Anyway - yes captchas should work without our Theme JS. They rely on the architecture implemented in our Base JS. But that error seems to point to something else. The stack trace is from onValidate in recaptcha-v3.js, and the line that sets submitAction from [name="submitAction"].

So it sounds like there's a missing hidden input, which Formie would output by default. I'm not sure if you're custom rendering the form. If you are, adding a {{ hiddenInput('submitAction', 'submit') }} would do the trick to match our default template.