Question

我设法在Angular 4中实现reCaptcha的客户端验证，我正在使用ng-recaptcha。但是我需要实现服务器端验证，否则，如果我们的应用受到攻击，则重新验证将毫无用处。

该应用程序将Angular 4用于前端，将C＃用于后端。到目前为止，我已经知道了：用户需要输入用户名，密码并选中Recaptcha复选框，否则他将无法登录并且登录按钮被禁用。成功解决重新分配后，用户可以按登录按钮。

<div class="row">
  <div class="col-xs-4">
    <re-captcha required [formControl]="loginForm.controls['captcha']" name="captcha" (resolved)="resolved($event)" siteKey="XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX></re-captcha><br />
  </div>
</div>
<div class="row">
  <div class="col-xs-12">
    <span *ngIf="!loginForm.controls['captcha'].valid" class="error" style="font-weight: bold; color:red">Molimo vas potvrdite da niste robot!<br /><br /></span>
  </div>
</div>
.............
<div class="col-xs-4">
  <button type="submit" class="btn btn-primary btn-block btn-flat" [disabled]="!loginForm.valid" translate="yes">login</button>
</div>

验证码一旦解决，我就可以得到验证码响应。但是问题是，如果Google服务器返回失败的响应或错误，我该如何发送POST请求到Google服务器，然后显示错误并禁用登录按钮？

Angular 4中的服务器端reCaptcha验证

0 个答案: