Basic Math Captcha jQuery plugin – jquery.captcha.basic.js

In this new post I am going to share a basic math Captcha plugin for jQuery. It is super easy to integrate on your exiting web forms and help to prevent from spam entry and robots form filling. jQuery Math Captcha plugin that is easy to integrate into your webpage for preventing spam on forms.
jquery-captcha-plugin


Libraries

The plugin is dependent on jQuery core library so include it first after that load jquery.captcha.basic.min.js on page.

<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 <script type="text/javascript" src="jquery.captcha.basic.min.js"></script>

HTML

Create simple html form with Captcha validation, default form submit button will be disabled and after successful Captcha button should be enabled.

<form id="my-form">
      <div class="col-12">
        <h1>Contact Form</h1>
      </div>
      <div class="col-12">
        <input type="email" name="email" placeholder="Email" required>
      </div>
      <div class="col-12">
        <textarea name="message" placeholder="Your message" required></textarea>
      </div>
      <div class="col-12">
        <input type="submit" value="Send">
      </div>
    </form>



JS

Call the plugin and validate Captcha before form submit.

 $(document).ready(function () {
 
          $('#my-form').captcha();
 
      });

See live demo and download source code.

DEMO | DOWNLOAD

This awesome plugin is developed by Emre Pi┼čkin. Visit their official github repository for more information and follow for future updates.


One Reply to “Basic Math Captcha jQuery plugin – jquery.captcha.basic.js”

  1. Hi,

    Trust you are doing well. I have been following a lot of your PHP tutorials and they have been really helpful.
    I’m currently facing a big challenge of displaying excel data on a web-page. i did an PHP – ODBC connection but to no avail. checked several resources online but no progress yet.
    Any help will be of great use.

    Best Regards.

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.