如何在单页应用程序(SPA)中实现ReCaptcha

时间:2014-05-22 04:32:56

标签: javascript asp.net asp.net-web-api recaptcha

我有一个单页应用程序(SPA)我想添加ReCaptcha。 此应用程序使用IIS作为平面Html,Css& Javascript,此SPA依次与所有动态内容的单独REST服务器(使用CORS)进行通信。

REST服务器是使用ASP.net WebAPI编写的。问题是;我所看到的所有ReCaptcha的例子都使用ASP.net MVC(或其他语言)将html注入网页,我无法在这个庄园中使用ASP.net修改网页。希望其他人遇到同样的问题。

我真的在寻找两个部分,首先是客户端上的HTML,其次是REST服务器上的控制器,用于验证谷歌。即使这是我可以转换的另一种语言,这将是有用的!

2 个答案:

答案 0 :(得分:2)

看起来我想要的只是在没有插件的情况下使用reCaptcha(https://developers.google.com/recaptcha/docs/display

答案 1 :(得分:0)

我在我的 angular 项目中使用了 ngx-captcha。 这是我如何禁用提交按钮,直到选中 recaptcha 复选框。

   //code
 <ngx-recaptcha2 (success)="handleSuccess($event)"   #captchaElem [siteKey]="siteKey" formControlName="recaptcha">
                </ngx-recaptcha2>

一旦验证码被填充,它就会发出一个成功事件,所以在一个方法中使用它来创建一个变量真/假,你可以根据它启用/禁用提交按钮