Невозможно правильно получить ответ RECAPTCHA в проекте Typescript + PHP. ⇐ Javascript

[Anonymous]

Я пытаюсь получить запрос + ответ RECAPTCHA v2 в своем веб-проекте, но до сих пор у меня есть длинный ответ g-recaptcha в моем URL, когда я запускаю действие captcha в своем проекте. Я предоставлю код ниже:
HTML:

Код: Выделить всё

Submit

validate.captcha.ts:

Код: Выделить всё

class ValidateCaptcha {
private targetElement: string

constructor(element: string) {
this.targetElement = element;
this.validate(element);
}

private validate(_element: string): void {
try {
const form = document.querySelector("#captchaForm") as HTMLFormElement;

if (!form) {
console.error("Form not found");
return;
}

form.addEventListener("submit", async (event: Event) => {
event.preventDefault(); // Prevent form submission

// Verify reCAPTCHA response
const recaptchaResponse = grecaptcha.getResponse();
if (!recaptchaResponse) {
console.error("Please complete the reCAPTCHA");
return;
}

try {
const response = await fetch("../php/captcha_verify.php", {
method: "POST",
headers: {
"Content-Type": "application/x-www-form-urlencoded",
},
body: new URLSearchParams({
"captcha_submit": "true",
"g-recaptcha-response": recaptchaResponse
})
});

if (response) {
const result = await response.json();

if (result.success) {
console.log("CAPTCHA SUCCESS!");
} else {
grecaptcha.reset();
console.error("CAPTCHA verification failed");
}
} else {
console.error("Unable to fetch" + response);
}
} catch (error: unknown) {
console.error("Verification error:", error);
grecaptcha.reset();
}
});
} catch (error: unknown) {
console.error("Validation setup error:", error);
}
}
}

export default ValidateCaptcha;

captcha_verify.php:

Код: Выделить всё

Подробнее здесь: [url]https://stackoverflow.com/questions/79868685/unable-to-get-recaptcha-response-properly-in-typescript-php-project[/url]