reCaptcha v3 a live-form-validation.js
- Shampoo
- Člen | 38
Ahoj,
mám vytvořený kontaktní formulář s js validací pomocí
live-form-validation.js.
Stačilo přidat jen:
<script src="https://cdn.jsdelivr.net/gh/contributte/live-form-validation@v1.9.0/live-form-validation.js"></script>
Všechno fungovalo parádně až do doby, kdy jsem začal implementovat
reCaptcha v3 (nepoužívám k tomu žádný balíček).
Implementace proběhla podle Google návodu.
<!-- Recaptcha v3 -->
<script src="https://www.google.com/recaptcha/api.js"></script>
<script n:syntax="off">
function onSubmit(token) {
console.log(token);
document.getElementById("frm-contactForm").submit();
}
</script>
Submit button jsem nastavil takto:
<button n:name="send" class="btn g-recaptcha" data-sitekey="MUJ_SITE_KEY" data-callback='onSubmit' data-action='submit'>Odeslat</button>
Bohužel najednou přestane fungovat live-form-validation.js. Je to tou
funkcí onSubmit pro reCaptcha.
Otázka je teda taková, jak např. řídit live-form-validation voláním
funkce?
Představuju si to tak, že v té funkci onSubmit bude tohle:
<script n:syntax="off">
function onSubmit(token) {
var $form = document.getElementById("frm-contactForm");
if ($form.valid()) {
document.getElementById("frm-contactForm").submit();
}
}
</script>
Díky za info.