Turns out captchas can be larger than 1KB. And turns out people use websites from inside Instagram.

src/Guestbooky/Guestbooky.API/DTOs/Messages/InsertMessage.cs

@@ -17,6 +17,6 @@ public record InsertMessageRequestDto
 
     [JsonPropertyName("captchaResponse")]
     [Required(ErrorMessage = "The captcha challenge response is required")]
-    [StringLength(1024)]
+    [StringLength(2048)]
     public string CaptchaResponse { get; init; }
 }

src/input-example/example.html

@@ -133,22 +133,23 @@ document
       captchaResponse,
     };
 
-    const response = await fetch(this.action, {
+    const dataJson = JSON.stringify(data);
-      method: "POST",
-      headers: {
-        "Content-Type": "application/json",
-      },
-      body: JSON.stringify(data),
-    });
 
-    if (response.status >= 200 && response.status <= 299) {
+    const xhr = new XMLHttpRequest();
-      alert("Note added successfully!");
+    xhr.open("POST", this.action, true);
-      this.reset(); // Clear the form fields
+    xhr.setRequestHeader("Content-Type", "application/json");
-    } else {
+    xhr.setRequestHeader('Content-Length', dataJson.length);
-        const problem = await response.json();
+    xhr.send(dataJson);
-        alert(problem);
+
+    xhr.onload = function () {
+      if (xhr.status >= 200 && xhr.status <= 299) {
+           alert("Message sent successfully.");
+           this.reset(); // Clear the form fields
+      } else {
+           alert("An error " + xhr.status + "occurred: " + xhr.responseText);
+      }
     }
-  });
+});
         </script>
     </body>
 </html>