Чистый JavaScript / jQuery / HTML капча

Question

может кто-нибудь прислал мне ссылку или предоставил мне пример с чистой Javascript / jQuery captcha Потому что я вижу много примеров с PHP / C # ... back end. Но мне нужен только Javascript.

Спасибо !!

Answer 1

Я думаю, что это не очень хорошая идея, потому что если проверка выполняется в клиенте (js), кто-то может создать скрипт для чтения правильного ответа.

---

EDIT

В любом случае, если вам нужна бесполезная капча, вы можете поиграть с этим:

См. В jsfiddle .

HTML

Pseudo-Human check.

<br/>How much is: <input type="text" id="a"/>
<br/>Answer:<input type="text" id="b"/>

<br/>
<input type="button" id="c" value="Go!"/>

JS

$(document).ready(function() {
    var n1 = Math.round(Math.random() * 10 + 1);
    var n2 = Math.round(Math.random() * 10 + 1);
    $("#a").val(n1 + " + " + n2);
    $("#c").click(function() {
        if (eval($("#a").val()) == $("#b").val()) {
            alert("Ok! You are human!");
        } else {
            alert("error");
        }
    });
});

---

РЕДАКТИРОВАТЬ 2 :

Мой взлом "капчи":

// captcha hack
$(document).ready(function() {
     $("#b").val(eval($("#a").val()));
});

См. В jsfiddle .

Answer 2

Это не имеет смысла ... без проверки бэкэнда капча бесполезна.боты не используют JavaScript в любом случае.Все, что вам нужно сделать, это раздражать своих пользователей.

Answer 3

Выезд: http://www.google.com/recaptcha/intro/

Демо здесь: http://www.google.com/recaptcha/api2/demo ИЛИ http://www.finalwebsites.com/demos/custom-captcha-image-script/

=========================== IN SHORT ====================

Добавьте фрагмент кода на страницу длякапча произойдет:

<script src='https://www.google.com/recaptcha/api.js'></script>
<div class="g-recaptcha" data-sitekey="YOUR_KEY_1"></div>

всякий раз, когда пользователь выполняет вызов, заполняется текстовая область с именем g-recaptcha-response со значением, вы собираете это значение и отправляете запрос ниже для его проверки: https://www.google.com/recaptcha/api/siteverify?secret=YOUR_KEY_2&response=TOKEN&remoteip=IPADDRESS

Получение IP с использованием js может быть проблематичным: http://www.ipify.org/

Answer 4

Я сейчас работаю над альтернативной капчей. Если вы будете использовать только его часть на стороне клиента, у вас будет то, что вы хотите, если вы хотите, чтобы что-то просто отображалось в браузере. Это не совсем чистый JavaScript, так как он все еще использует api для получения изображения и выглядит достаточно круто: D

http://photocaptcha.cu.cc

Это будет включать в себя один сценарий на вашей стороне, но это не имеет большого смысла, если вы не проверяете ответы;)

Answer 5

Привет, AlexC, ты можешь проверить свою Google Reaptcha на стороне клиента. 100% работает , чтобы я мог проверить твою Google Reaptcha, см. Ниже
Этот код в теле html:

 <div class="g-recaptcha" id="rcaptcha" style="margin-left: 90px;" data-sitekey="my_key"></div>
 <span id="captcha" style="margin-left:100px;color:red" />

Этот код помещен в заголовок раздела для кнопки вызова метода get_action (this):

function get_action(form) {

    var v = grecaptcha.getResponse();
    if(v.length == 0)
    {
        document.getElementById('captcha').innerHTML="You can't leave Captcha Code empty";
        return false;
    }
    if(v.length != 0)
    {
        document.getElementById('captcha').innerHTML="Captcha completed";
        return true; 
    }
}

Answer 6

Я написал учебник по созданию простой математической капчи с использованием PHP и jQuery, поэтому она работает с включенным Javascript или без него.Это должно быть очень легко интегрировано в ваши собственные сценарии, или вы можете использовать его как есть.Вы можете скачать проект, распаковать zip-файл, и он работает из коробки.Надеюсь, вы найдете это полезным.

Создание простой математической капчи с использованием jQuery и PHP http://www.sinawiwebdesign.com/blog/topics/programming/jquery-and-php-and-catcha-tutorial/

Answer 7

Здесь есть учебник по jQuery с капчей; http://www.tutorialcadet.com/jquery-advanced-ajax-validation-with-captcha/

Answer 8

Вы хотите добавить CAPTCHA только потому, что это звучит странно?Не используйте его, если он действительно не нужен.