簡單的JavaScript驗證碼基於字符串從數組

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/