reCaptcha v3 a live-form-validation.js

Shampoo
Člen | 38
+
0
-

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.

Shampoo
Člen | 38
+
+1
-

Už mám řešení :D

<script n:syntax="off">
function onSubmit(token) {
	var $form = document.getElementById("frm-contactForm");
	if (Nette.validateForm($form)) {
		$form.submit();
	}
}
</script>