Question

我的数组有字符串值：

var bannedWords = ["cat","dog","test"]

我的文本输入字段检查该值是否包含数组中的单词：

var title = $j('#edit-content').val()
if ($j.inArray(title, bannedWords) != -1) { alert("it's inside the array") }

当值为“cat”时，它按预期工作。当值为“猫是黑色”时，我想要提醒，因为“cat”在输入值内。

我理解为什么它不起作用，但我不知道我该怎么做？在价值中有某种循环？

提前致谢！

Answer 1

您可以从数组中构建regular expression并使用它来测试输入：

// The 'i' flag matches values regardless of case.
var regex = new RegExp('\\b' + bannedWords.join("\\b|\\b") + '\\b', 'i');

// Regex would equal /\bcat\b|\bdog\b|\btest\b/i
var valid = !regex.test($("#edit-content").val());

示例： http://jsfiddle.net/aZbWP/1

Answer 2

您需要将值拆分为数组，然后单独测试每个单词：

var words = $j('#edit-content').val().split(' ');
$.each(words, function(index, word) {
    if ($j.inArray(word, bannedWords) != -1) { 
        alert('it\'s inside the array') 
    }
});

Example fiddle

Answer 3

您可以使用循环来检查：

function in_string(words, string) {
    for (var i = 0; i < words.length; i++) {
        if (string.indexOf(words[i]) !== -1) {
            return true;
        }
    }

    return false;
}

var valid = in_string(bannedWords, $j('#edit-content').val())

虽然我建议你做这个服务器端。手动提交请求并绕过JS验证并不困难。

Answer 4

在bannedWords阵列中使用regular expressions会更强大（例如，你可以一次性检查'cat'，'Cat'和'CAT'）并让你更简洁地做你想做的事情

例如：http://jsfiddle.net/PS9FG/1

您需要稍微调整此代码以适合您自己的代码（例如，您拥有的jQuery行）。

var bannedWords = [
  /cat/i,    // the i after each expression means case-insensitive
  /dog/i,
  /test/i
];


document.getElementById('checkBtn').onclick = function() {
    var bWrd = bannedWords.length;
    while (bWrd) {    // loop through each pattern in the array
        bWrd -= 1;
        if (document.getElementById('edit-content').value.match(bannedWords[bWrd])) {
            alert("it's inside the array");
        }
    }
};

但希望这可以让你了解它是如何运作的。

如何使用jQuery检查数组中的单词的文本字段值？

4 个答案: