VerifyJS is a lightweight, customizable JavaScript-based CAPTCHA system that helps prevent automated bot interactions on web forms. It generates random CAPTCHA images that users must solve to verify their human identity.
- β Customizable CAPTCHA settings (digits, uppercase, special characters)
- π Refresh button to generate a new CAPTCHA
- π¨ Adjustable CAPTCHA image size
- π Simple validation method
- π‘οΈ Prevents bots from automated form submissions
Check out a live demo: Click for demo
- Clone the repository or download the files:
git clone https://github.com/codesuab/verifyjs.git
- Include the JavaScript file in your HTML:
<script src="core/verify.js"></script>
- Or include the minified JavaScript file in your HTML:
<script src="core/verify.min.js"></script>
Include the following code in your HTML file:
<div id="captchaForm"> <div class="captchawraper"> <img id="captcha" width="200" height="50" alt="CAPTCHA" /> </div> <div class="fild"> <input type="text" id="captchaInput" required /> <button type="button" onclick="captchaRefresh()">Refresh</button> </div> <button onclick="validate()">Submit</button> </div>
Configure VerifyJS in your script:
// Configure VerifyJS verifyJS({ totalDigit: 4, // Number of characters in CAPTCHA number: true, // Allow numbers uppercase: false, // Disable uppercase letters specialsCharacter: false, // Disable special characters width: 140, // CAPTCHA image width height: 50, // CAPTCHA image height }).vJSConfig(); // Set image on page load window.onload = () => { verifyJS().vJSImgSrc("#captcha"); }; // Refresh CAPTCHA image function captchaRefresh() { verifyJS().vJSImgRefreshSrc("#captcha"); } // Validate CAPTCHA input function validate() { const captchaField = document.getElementById("captchaInput").value; let status = verifyJS().vJSCheck(captchaField); if (status) { alert("You passed the CAPTCHA!"); } else { alert("Sorry, try again!"); } }
Modify these settings to customize your CAPTCHA:
| Option | Description | Default |
|---|---|---|
totalDigit |
Number of characters in the CAPTCHA | 6 |
number |
Include numbers in CAPTCHA | true |
uppercase |
Include uppercase letters | true |
specialsCharacter |
Include special characters | true |
width |
Width of CAPTCHA image | 200 |
height |
Height of CAPTCHA image | 50 |
If you'd like to improve VerifyJS, feel free to fork the repository and submit a pull request.
This project is licensed under the MIT License.
β Star this repo if you found it useful! β