自动验证每个单词单独（js）答案

【问题标题】：Automatic Validating Each word individually(js)自动验证每个单词单独（js）
【发布时间】：2014-03-08 17:52:31
【问题描述】：

我试图让 JS 在我自动键入时验证文本，但它并不顺利，因为我的 JS 技能非常糟糕。我可以编辑但不能写任何东西。谁能指出我正确的方向，拜托！

<div class="Stil35">Ja hodam za divovima, ali oni se plase</div>
<div class="Stil35">
<div id="hn_1" style="display: none;"><a style="cursor:pointer" onclick="tt('sn_1', 'hn_1')">I walk with giants, but they are afraid
</a></div></div>
<form><input type="text" style="width:600px" name="germantext"></form><br><br>

在文本字段中，我将输入一个单词，自动说“我”（然后检查）并给我绿色或红色，这取决于它是错误的还是正确的。然后我继续输入“walk”，然后我再次变绿或阅读，等等......

【问题讨论】：

标签： javascript validation textfield

【解决方案1】：

这几乎就是你想要的：

document.getElementById('myinput').onkeyup = validate;

var mytext = document.getElementById('mytext');
var str = mytext.innerHTML;
var originalTextArray = str.split('');

function validate() {
  var inputValue = this.value;
  var valueArray =inputValue.split('');
  var myTextArray = Array();
  for(var i = 0; i < valueArray.length; i++) {
      var char = originalTextArray[i];
      if(valueArray[i] !== char) {
          myTextArray[i] = '<span class="error">' + char + '</span>';
      } else {
         myTextArray[i] = '<span class="success">' + char + '</span>'; 
      }
  }

  var rest = str.substr(myTextArray.length);
  mytext.innerHTML = myTextArray.join('').concat(rest);  
}

FIDDLE DEMO

【讨论】：