javascript - 在每个空格后标记一个特定的单词

Question

如果用户输入文本区域中不需要的单词，我会尝试警告用户。

这只是对某些单词的一点验证。

我做了这样的事情:

var words = "hello";
$("textarea").keyup(function(e){
    var spliting = $("textarea").val().split(" ");
    if(e.keyCode == 32){ // when the user hits space bar
        if($.inArray(words, spliting) != -1){
            $("span").css("background","red");
        }else{
            $("span").css("background","green");
        }
    }
});​

这是最好的方法吗？

如果我需要检查多个单词，如何将变量words迁移为数组？

Demo

Answer 1

要使用数组，您需要循环遍历其中的每个单词以及循环拆分数组中的每个单词。但是，您可以在第一场比赛时返回:

var words = ["hello","goodbye"];
$("textarea").keyup(function(e){

        var spliting = $("textarea").val().split(" ");

        for (var i=0; i<words.length; i++) {
          if($.inArray(words[i], spliting) != -1){
              $("span").css("background","red");
              // break on first match since there is no need to continue looping
              // if it is already red.
              break;
          }else{
              $("span").css("background","green");
          }
        }
});​

我已经删除了空格检查。尽管它使函数更加高效，但您需要警惕有人返回正确拼写并最终得到无效单词的情况。按照您的方式，这些情况永远不会导致找到标记的单词，除非稍后键入空格。

建议也为 onchange 和 blur 事件调用此函数，因为键入并不是用户在表单输入中输入内容的唯一方式。

Here is the updated demo