простой javascript captcha на основе строк из массива

Question

Я пытаюсь создать простой javascript-код на основе строк, которые я буду обновлять в массиве.

Она должна работать так:

• Мой массив (выглядит следующим образом: ["black", "red", "blue", "green"])
• Выберите случайную строку из моего массива
• Заменить случайную строку, которая была выбрана в промежутке с " пожалуйста, напишите случайную строку в следующем поле»
• Затем проверьте if ($.trim($(".contact-form input#header-answer").val()) === "random string")

Сейчас я создал только решение, которое работает с одной строкой, а не случайные строки из моего ARRA, вот это:

$(".contact-form form#gform_1").before('<div id="header-question"><span>please write "red" in the next field</span><input id="header-answer" type="text" name=""></div>'); 

if ($.trim($(".contact-form input#header-answer").val()) === "red") { 
    $(".contact-form form#gform_1").submit(); 
} 
else { 
    alert('wrong answer try again!'); 
    return false; 
} 

Answer 1

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

var a = ["black", "red", "blue", "green"]; 
var item = a[Math.floor(Math.random()*a.length)]; 

$(".contact-form form#gform_1").before('<div id="header-question"><span>please write "' + item + '" in the next field</span></div>'); 

$(".contact-form form#gform_1").on("submit", function(e) { 
    if ($.trim($(".contact-form input#header-answer").val()) === item) { 
     //$(".contact-form form#gform_1").submit(); 
     alert("all good"); 
    } 
    else { 
     alert('wrong answer try again!'); 
     return false; 
    } 
}); 

http://jsfiddle.net/L9wcagLr/