检查2文本框是否为空并显示错误消息

Question

我正在尝试验证两个文本框是否为空。
我有两个文本框和1个跨度，其中显示了错误消息。
这是我的html

    <div id="manual_input_container" style="margin-bottom:5px;">
#1&nbsp;&nbsp;<input type="text" class="numeric"  id="first_value[]" name="first_value[]" maxlength="8" size="5" placeholder="First"> 
<span name="get_operator "id="get_operator"></span>
<input type="text" class="numeric" id="second_value[]" name="second_value[]" maxlength="8" size="5" placeholder="Second">
<span name="errorOrganizer1" id="errorOrganizer1"  class = "errorMsg"></span> &nbsp;</div>

这是我的JavaScript

var first_value = document.getElementsByName("first_value[]");
var second_value = document.getElementsByName("second_value[]");
var err1 = document.getElementsByName('errorOrganizer1');
var isTrue = true;

    for(var i=0; i<first_value.length; i++)
          {
              if(first_value[i].value == "" || isNaN(first_value[i].value))
              {
                first_value[i].style.backgroundColor = '#f6d9d4';
                err1[i].innerHTML = "Invalid";
                isTrue = false;
              }

              else if(second_value[i].value == "" || isNaN(second_value[i].value))
              {
                second_value[i].style.backgroundColor = '#f6d9d4';
                err1[i].innerHTML = "Invalid";
                 isTrue = false
              }

              else 
              {
                first_value[i].style.backgroundColor = '#fff';
                second_value[i].style.backgroundColor = '#fff';
                err1[i].innerHTML = "";


              }
          }
          return isTrue;

错误消息在此处未正确显示。 任何想法？

Answer 1

好，很容易，我没看到它：

更改以下行：

err1[i].innerHTML = "Invalid";

至

err1[i].innerText = "Invalid";

演示： http : //jsfiddle.net/6Eu7A/