Captcha

Сегодня рассмотрим один из примеров капчи.
Мы будем использовать плагин Jquery с использованием технологии Ajax.
Как вам известно, капча была создана для предотвращения спама.
Существует множество типов, мы рассмотрим “современную защиту от спама”.

Для вас не секрет, что защита в виде букв уже всем надоела)
Убивает, когда на посещаемых файлобменниках стоят устаревшие варианты, хотя у меня у самого стоит числовая капча, но пользователи не жалуются.
Вот так вот будет выглядеть наша капча

AJAX FANCY CAPTCHA

По ссылке, скачиваем плагин,заливаем на хостинг.
Для отображение капчи надо, прежде всего, выделить блок с определенным атрибутом.

Надо также вызвать сам плагин

$(function() {
$(".ajax-fc-container").captcha({<Параметры>});
});

Теперь разберемся с параметрами.
Параметры
captchaDir – директория, в которую вы установили плагин;
url – путь, к файлу captcha.php;
formId – id формы, для которой мы будем использовать капчу;
text – сообщение, которое говорит что делать);
items – елементы, которые мы будем перемещать в капче (не изменять).
В данных параметрах советую только изменять два параметра (пути прописать).
Рассмотрим пример
Пример
Теперь разберем пример.
Подключаем все нужные файлы





Прописываем пути к файлам:jquery,jquery ui,css для плагина, сам плагин.
“Серце” документа


В данном думаю всё понятно.
И сама форма

<form action="http://www.cavablog.pp.ua/wp-content/demo/captcha/captcha.php" method="post" id="myForm">
    <p><input type="text" name="myField1" value=""></p>
    <p><input type="text" name="myField2" value=""></p>
    <p><input type="submit" name="submit" value="Проверить"></p>
</form>

Вот и все, теперь вы знаете, как интегрировать капчу к вам на проект.

Источник

,

Оставить комментарий

Top ↑ | Main page | Back