Question

我试图验证这两个文本框是否为null。
我有两个文本框和一个span显示错误消息。
这是我的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/

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

1 个答案: