templates: fix cloudflare turnstile loading

NekoWheel · Jan 15, 2024 · 2fcdbe3 · 2fcdbe3
1 parent 9894638
commit 2fcdbe3
Showing 1 changed file with 12 additions and 1 deletion.
diff --git a/templates/base/header.html b/templates/base/header.html
@@ -11,7 +11,18 @@
   <script defer src="https://cdn.jsdelivr.net/npm/[email protected]/dist/cdn.min.js"/></script>
   {{ if .RecaptchaTurnstileStyle }}
   <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?compat=recaptcha" async defer></script>
-  <script>function onSubmit() {}</script>
+  <script>
+      document.addEventListener('DOMContentLoaded', function () {
+          document.querySelectorAll('.g-recaptcha').forEach(item => {
+              item.disabled = true;
+          });
+      });
+
+      function onSubmit() {
+          document.querySelectorAll('.g-recaptcha').forEach(item => {
+              item.disabled = false;
+          })
+      }</script>
   {{ else }}
   <script src="{{.RecaptchaDomain}}/recaptcha/api.js" async defer></script>
   <script>function onSubmit() {document.getElementById('form').submit();}</script>