Форум программистов, компьютерный форум, киберфорум
Наши страницы

JavaScript

Войти
Регистрация
Восстановить пароль
 
lilubanana
63 / 0 / 0
Регистрация: 25.04.2014
Сообщений: 125
#1

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

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

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

Найти форму обратной связи в исходнике - JavaScript
Есть сайт ukuhni.ru и я никак не могу найти форму обратной связи в ресурсах, которая выходит при клике на кнопку "Заказать". Может у вас...

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

Форма обратной связи - JavaScript
Добрый день) Подскажите пожалуйста можно ли создать форму обратной связи на странице без использования php или jqwery, а только html, css,...

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

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

Форма обратной связи - JavaScript
Добрый день, у меня есть скрипт формы обратной связи, подскажите, можете подсказать, как сделать так, чтобы ошибки выводились не в alert? с...

1
arcmag
259 / 255 / 115
Регистрация: 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
Привет! Вот еще темы с ответами:

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

Форма обратной связи. Ошибка - JavaScript
Всем привет. Делал форму обратной связи без перезагрузки страницы по уроку в интернете. $(document).ready(function() { // Форма...

Валидация формы обратной связи - JavaScript
Доброго дня! Делаю форму обратной связи и столкнулся с 2 проблема: 1) валидация номера телефона case 'cont_phone': ...

Форма обратной связи – неверная кодировка - JavaScript
Помогите пожалуйста, не знаю как исправить( в самом начале body написанно &lt;div id=&quot;contactable&quot;&gt;&lt;!-- contactable html placeholder...


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

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

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