Preview here with this link
A simple project created to integrate captcha verification into any website
Creating or integrating captcha systems using APIs and other platforms like reCaptcha etc
can prove to be quite time consuming method!, so why not just downloading this repo file as
a dependency to your project
You can integrate it just by using this few steps:
let's say you have downloaded the complete directory at
your_project_dir / vendor / captcha-system
and your form is at
your_project_dir / index.html
then add these CSS and JS links to the header and before ending of body tag in html respectively
<head>
<!-- Other Links -->
<!-- Single CSS Link for Captcha -->
<link rel="stylesheet" href="vendor/captcha-system/css/main.css">
</head>and before ending of your body tags just like we do for external JS links add
<script src = 'vendor/captcha-system/js/main.js'></script>Now after doing so, add an empty div as shown below (Just copy paste it)
<div class = 'captcha-container'>
</div>and put it whereever you like (mostly you should put it just above the submit button of your form!)
then here we come to the last step
add this submit-after-valid-captcha class to your submit button like here
<button type="submit" class="submit-after-valid-captcha">Submit</button>and there you go this simple captcha will start working! a container will be created where you have added the div and it will disable the submit button until the captcha will verified! An example is already created for you here Example Captcha Link
- As this captcha is not tooo! good yet this repo is absolutely open for your further implementations like having a good dynamic user-customizable UI, some more safety features, advanced captcha's with multiple options of Audio, Video, Images etc... feel free to fork and clone it!