Introduction:
Siri super captcha is a draggable jQuery captcha system. It is an easy-to-use, simple and intuitive captcha system. It needs human action instead of to read a hard text. This is a jQuery captcha plug in for preventing your website from spammers and various types of bots. This plug in requires you to drag & drop words particularly specified in order.
How to use Siri Captcha:
It is very easy. First include the jQuery library then include the jQuery Ui library in the head of your webpage.
<script type="text/javascript" src="js/siricaptcha-min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/siricaptcha-min.js"></script>
<link href="css/style.css" rel="stylesheet" type="text/css" />
Whats in JS’s:
For initialize Siri Captcha
var word = $('#sortable').siriCaptcha();
/*For validating user response with Siri Captcha*/
($('#sortable').validate(word)) ? alert("Yeah, you are a human!") : alert("No, you are not a human!");
/*Combine both*/
$(function() { var word = $('#sortable').siriCaptcha(); $("#formsubmit").click(function(){ ($('#sortable').validate(word)) ? alert("Yeah, you are a human!") : alert("No, you are not a human!"); }); });
Whats in HTML:
<form>
<fieldset>
<h2>Siri Super Captcha - Alphabets</h2>
<div class="captcha_wrap">
<div class="box1">
<div class="row2"><span>Arrange in order:</span><br />
<span id="word"></span></div>
</div>
<div class="box2">
<div class="row1">
<ul id="sortable">
</ul>
</div>
</div>
<div class="box3">
<div class="row3"> <a id="formsubmit" class="button"></a></div>
</div>
</div>
</fieldset>
</form>
Advanced Options:
Siri super captcha available in three major options
Numeric Captcha
Alphabetic Captcha
Alphanumeric Captcha
How to initialize advanced options:
For Numeric captcha
var word = $('#sortable').siriCaptcha({
type:'numerics'
});
For Alphabets captcha
var word = $('#sortable').siriCaptcha({
type:'alphabets'
});
For Alphanumeric captcha
var word = $('#sortable').siriCaptcha({
type:' alphanumeric'
});
Video Tutorial:
2 Comments
Shilpa
May 29, 2014Super captcha..it is so unique..
balwinder
July 5, 2014good one!