代码之家 › 专栏 › 技术社区 › Anonymous

angular 4中RecaptchamModule中的过期回调

recaptcha angular angularjs javascript

Anonymous · 技术社区 · 6 年前

我用过 reCaptcha 在里面 jQuery 有一种方法可以在验证码验证后立即获取事件 checked 一旦 captcha 已过期。现在我使用Angular 4和 import { ReCaptchaModule } from 'angular2-recaptcha'; .检查captcha时,还有获取事件的方法。

handleCorrectCaptcha(evt) {
if (evt != null || typeof evt !== typeof undefined) {
  this.captchaChecked = true;
  this.captchCode = this.captcha.getResponse();
} else {
  this.captchaChecked = false;
}
console.log(this.captchaChecked);
}

哪里 验证码 是 @ViewChild(ReCaptchaComponent) captcha: ReCaptchaComponent; . 现在我正在寻找类似的事件,当验证码过期时。与这些类似 data-expired-callback="recaptchaExpiryHeader" 在jquery中提供。

1 回复 | 直到 6 年前

404 Not Found 6 年前

您可以通过使用回调函数来实现这一点。要捕获到期回调,您需要订阅 handleCaptchaExpiry 事件

 handleCaptchaExpiry(){
  //   doWhatEver U want.
}

和使用 (captchaExpired)="handleCaptchaExpiry()" 元素内部。 angular2-recaptcha 提供获取事件的方法 handleCaptchaExpiry 当显示的图像过期时触发。它没有任何事件参数。

推荐文章

NoahVerner · 是否可以在Cypress上进行半自动测试,包括手动解决recaptcha?

2 年前

joe · 看不见的recaptcha api js阻止了我

2 年前

Ahmet · recaptcha在Vue组件中不起作用。给grecaptcha。未加载grecaptcha时,render不是函数

6 年前

CodeBy · 如何在ReactNative应用程序中使用reCaptcha?

6 年前

Dean · SweetAlert模式窗口中的Google reCaptcha

6 年前

Freddy Heppell · PHP Curl错误60查询reCAPTCHA API

6 年前

bmalets TerryS · Recaptcha gem error“未指定站点密钥”

6 年前

ruchit · 如何在angular 2应用程序中添加reCAPTCHA?

6 年前

OtagoHarbour · reCAPTCHA:“站点所有者错误:站点密钥无效”

6 年前

Anonymous · angular 4中RecaptchamModule中的过期回调

6 年前