Ваша корзина пуста
Форма входа

Бесплатный раздел

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

Простой скрипт для проверки ввода каптчи (captcha-lgh.js)

Дата добавления: 30.01.2021 - 06:46
Добавил: Buger
Количество просмотров: 128
Количество комментариев: 0
Размер файла: 6.3 Kb
Рейтинг материала: 5.0 / 1
Простой скрипт для проверки ввода каптчи (captcha-lgh.js)
БЕСПЛАТНО
рейтинг 5.0
/
голосов 1
captcha-lgh.js - это простой плагин captcha, который создает алфавитно-цифровой виджет captcha на основе холста, чтобы проверить, является ли ваш посетитель ботом или человеком.

Буквенно-цифровая капча генерирует случайную текстовую строку, состоящую из букв и цифр, и автоматически обновляется при щелчке или вводе неверно.

Демонстрация в архиве: Запустите файл index.html

Как использовать:


1. Загрузите и подключите файл jquery-captcha.min.js после библиотеки jQuery, но перед закрывающим тегом "body".
Код
<script src="/js/jquery-captcha.min.js"></script>

2. Создайте элемент "canvas", на котором вы хотите отобразить буквенно-цифровую капчу.
Код
<canvas id="canvas"></canvas>

3. Создайте поле ввода "input" для ввода кода (буквенно-цифровые символы).
Код
<input name="code" />

4. Создайте кнопку отправки, чтобы проверить, действителен ли код.
Код
<button id="valid">Проверить ввод</button>

5. Инициализируйте плагин, чтобы активировать виджет ввода текста.
Код
const captcha = new Captcha($('#canvas'));

6. Включите кнопку отправки, чтобы проверить, верен ли код, введенный вашим посетителем.
Код
$('#valid').on('click', function() {
  const ans = captcha.valid($('input[name="code"]').val());
  console.log(ans);
})

7. Определите длину создаваемых буквенно-цифровых символов. По умолчанию: 4.
Код
const captcha = new Captcha($('#canvas'),{
  length: 6
});

8. Определите, нужно ли обновлять капчу после тестирования. По умолчанию: true.
Код
const captcha = new Captcha($('#canvas'),{
  autoRefresh: false
});

9. Определите, учитывается ли регистр. По умолчанию: false.
Код
const captcha = new Captcha($('#canvas'),{
  caseSensitive: true
});

10. Больше конфигураций.
Код
const captcha = new Captcha($('#canvas'),{
  width: 100,
  height: 40,
  font: 'bold 23px Arial', // Параметры шрифта
  resourceType: 'aA0', // a-строчные буквы, A-прописная буква, 0-числа
  resourceExtra: [],
  clickRefresh: true,
});

11. Методы API.
Код
// обновить
captcha.refresh();

// получить код
captcha.getCode();

// проверить правильность кода
captcha.valid("");
Добавлять комментарии могут только зарегистрированные пользователи.


Поделись с друзьями: