Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 5.00/3: Рейтинг темы: голосов - 3, средняя оценка - 5.00
lilubanana
63 / 0 / 2
Регистрация: 25.04.2014
Сообщений: 125
1

Добавить простую капчу в форму обратной связи с цифрами

19.04.2015, 16:19. Просмотров 522. Ответов 1
Метки нет (Все метки)

привет!
Делаю первые шаги в JS
необходимо добавить простую капчу в форму обратной связи с цифрами.
кто делал подобное. может у кого есть ссылка на готовое решение в разъяснением реализации?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
19.04.2015, 16:19
Ответы с готовыми решениями:

Найти форму обратной связи в исходнике
Есть сайт ukuhni.ru и я никак не могу найти форму обратной связи в ресурсах,...

Форма обратной связи
Приветствую всех, вопрос возник. Можно ли форму обратной связи отправить без...

Форма обратной связи
Добрый день, у меня есть скрипт формы обратной связи, подскажите, можете...

Форма обратной связи
здравствуйте, есть у кого-то код формы, интерисует, простейшая - три поля имя...

Форма обратной связи
Добрый день) Подскажите пожалуйста можно ли создать форму обратной связи на...

1
arcmag
259 / 255 / 180
Регистрация: 27.06.2014
Сообщений: 665
19.04.2015, 23:24 2
Хмм раньше я такую штуку не делал, вот щас попробовал, хз посмотрите может подойдет.

PHPHTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Документ без названия</title>
<style>
.capaBlock{display:inline-block;padding:5px;border:solid 1px black;}
.capaBlock *{display:inline-block; vertical-align:middle;}
.capaBlock canvas{border:solid 1px black;width:210px;height:35px;background: #0FF;}
.capaBlock #info{display:block;}
</style>
<script>
window.addEventListener("load",generCap);
function getRandomInt(min, max){return Math.floor(Math.random() * (max - min + 1)) + min;}
var testCapcha, valCapcha, capchaArr = "QWERTYUIOPLKJHGFDSAZXCVBNM1234567890";
function generCap(){
    valCapcha="";
    testCapcha = getRandomInt(7,9);
    if(!capchaArr instanceof Array) capchaArr = capchaArr.split("");
    for(var i=0; i<=testCapcha; i++) valCapcha += capchaArr[getRandomInt(0, capchaArr.length-1)];
    var canvas = document.getElementById("cap");
    canvasCapcha = canvas.getContext("2d");
    canvasCapcha.clearRect(0, 0, canvas.width, canvas.height);
    canvasCapcha.fillStyle = "#00F";
    canvasCapcha.strokeStyle = "#00F";
    canvasCapcha.shadowColor = "#00F";
    canvasCapcha.font = "italic 33pt Arial";
    canvasCapcha.fillText(valCapcha, 4, 90);
}
function cap(){
    valCapcha = "^"+valCapcha+"$";
    var r = RegExp(valCapcha,"i"), str = document.getElementById("myText").value;
    if(r.test(str)) document.getElementById("info").innerHTML = " Проверка пройдена.";
    else{
        document.getElementById("info").innerHTML = " Проверка не пройдена, введите код еще раз";
        generCap();
    }
}
</script>
</head>
<body>
<div class="capaBlock">
    <span>Введите текст с картинки</span>
    <canvas id="cap" ></canvas>
    <input type="text" id="myText">
    <input type="button" value="Проверка" onclick="cap()">
    <span id="info"></span>
</div>
</body>
</html>
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
19.04.2015, 23:24

Форма обратной связи
Ребята помогите, мой сайт зареган на народ.ру, там php не поддерживает. Можно...

Не работает форма обратной связи
Всем доброго времени суток. Не корректно работает AJAX форма обратной связи в...

Форма обратной связи через js
Добрый день уважаемые форумчане. Имеется сайт http://екббухгалтер.рф , по...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru