reactjs - 除了google recaptcha v2之外,如何在React JS中添加验证码

标签 reactjs captcha

我正在使用 reactjs 和 mvc web api 2 来构建我的网站。我想在我的 UI 表单中添加验证码。

除了使用 google recaptcha 之外,还有其他方法可以在 reactJS/Web Api 2 中添加验证码吗?

似乎每个人都在使用 recaptcha v2。但就我而言,我更喜欢使用基于文本的验证码,例如 recaptcha v1。

谢谢

最佳答案

您不必依赖 Google 解决此问题的方法。如果您使用的是 React,您可以简单地创建自己的名为 Captcha 的组件,该组件将决定是否可以传递表单。如何做到这一点?

  1. 创建新的 React Component 验证码并将其放置在您想要的任何位置 在你的应用程序中。您可以生成 2 个随机整数并要求用户 添加它们。
  2. 根据以上创建验证方法。只需检查给出的结果是否等于应有的结果。将验证放在应用程序的服务器端,因为可以操纵浏览器端。
  3. 只有在验证通过后才通过表单。
  4. 如果您的用户失败,请设置一些延迟 确认。可以很小——记住这是为了防止机器人 向你发送垃圾邮件。

就这么简单!你的想象力是极限。在该 React 组件内部,您可以定义您想要的任何验证方法。可以是简单的数学任务,可以是区分形状、颜色,任何你想要的...

关于reactjs - 除了google recaptcha v2之外,如何在React JS中添加验证码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46638617/

相关文章:

javascript - django 中的 recaptcha 刷新按钮

javascript - Redux:reducer的全局配置

javascript - 在 react route 使用匹配

javascript - React Native/Javascript 中两个数组的合并

selenium - FunCaptcha回调函数中如何提交token?

javascript - 在表单验证中包含验证码

twitter-bootstrap - 如何将react-bootstrap与postcss-module和react-css-module一起使用?

javascript - 在 react 路由器开关中加载导航栏

android - Facebook 分享对话框始终仅在 Android 上显示验证码

javascript - 在 Meteor 的 accounts-ui-bootstrap-3 中使用验证码