Client side emoji captcha verification in JavaScript – eCaptcha

Category: JavaScript/jQuery Plugins | September 14, 2021
Author: eCaptcha
Official Page: Go to website
Last Update: September 14, 2021
License: MIT

emoji captcha verification javascript

Description:

If you are creating a web form, where you want your visitor to verify if he/she is human to prevent spamming. In such case, you can use emoji captcha verification in JavaScript, which is client side validation. The visitor need to click on emoji in order to verify if, he is human.

How to use it?

Step1: Include JS and CSS files under the <HEAD> section. You can also put the eCaptchav2.js file in footer.

<link rel="stylesheet" href="PATHTOCSS/eCaptcha.css">
<script src="PATHTOJS/eCaptchav2.js"></script>

Step2: Now place the below code in your <Body> section where you want to show the captcha to be appear on your we form.

<div id ="eCaptcha">
    <div id="einner">
        <p id ="eq"></p>
        <div id="eb">
            <button id ="1" class="eb">.</button>
            <button id ="2" class="eb">.</button>
            <button id ="3" class="eb">.</button>
            <button id ="4" class="eb">.</button>
            <p id="elink" class="https://www.lipku.com"></p>
            <p id="eMiliSec" class="3000"></p>
        </div>
    </div>
</div> 

And you are done. Happy coding. 🙂