Javascript getElementsByName在PHP循环中不起作用


Javascript getElementsByName not working in PHP loop

我有以下PHP代码

//some code
$query = "SELECT * from store_00_transfers";
$result = mysql_query($query);
while($row = mysql_fetch_assoc($result)){
    echo "<tr><td align=center width=19%>{$row['item_no']}</td><td align=center><input type='text' value='{$row['qty']}' name='cqty[]' readonly ></td><td align=center><input type='number' min='0' name='nqty[]' onChange='check_not_large(this.value);' value='0'></td></tr>";        
}
//rest of code

现在,正如您所看到的,onChange内部有一个函数。该功能旨在检查用户为新数量插入的数字是否不应超过旧数量(我使用这种方法将数量从一个商店转移到另一个商店)。

还请注意,我在输入字段中指定了一个名称cqty[]nqty[]

我有javascript代码:

<script>
function check_not_large(res) {
  var old = document.getElementsByName("cqty[]");
  var type= document.getElementsByName("nqty[]");
  for(var i = 0; i < old.length; i++) {
    if(type[i].value > old[i].value){
      alert('Error : Qty Inserted should be Less than QTY found in Store !');
      alert(type[i].value);
      alert(old[i].value);
      return type[i].value = 0;
    }
  }
}
</script>

我在javascript中使用了alert来测试是否收集了正确的值,并且它似乎按需工作,但不是为了验证新数量是否大于旧数量,它似乎只适用于前4行,然后它卡住并开始验证任何一行中的新数量与第一个旧数量行。。我希望这对你有意义。

任何替代方案或建议都将不胜感激。

感谢Guy

代码的一个问题是,每次在nqty和onchange上输入值时,都会调用函数check_not_large函数,它不仅验证当前行的nqty值和cqty值,还验证以前所有的nqti值和cqy行值。如果您的目的是只检查当前行的nqty值是否大于cqty值,那么更整洁的代码将为每个nqty和cqty元素提供一些唯一的id值。相同的代码可以按照下面给出的方式进行优化。

PHP代码

$query = "SELECT * from store_00_transfers";
$result = mysql_query($query);
while($row = mysql_fetch_assoc($result)){
echo "<tr>
        <td align=center width=19%>{$row['item_no']}</td>
          <td align=center>
             //instead of name attribute you can give an id here and also assuming $row['item_no'] is unique
             <input type='text' value='{$row['qty']}'    id='cqty{$row['item_no']}' readonly >//assuming item_no is unique
         </td>
         <td align=center>
           //instead of name attribute you can give an id here and also  assuming $row['item_no'] is unique
           <input type='number' min='0' id="nqty{$row['item_no']}"    onChange='check_not_large({$row['item_no']});' value='0'>
        </td>
        </tr>";        

}

Javascript代码

<script>
    function check_not_large(item_no) {
       var cqtvVal=document.getElementById("cqtv"+item_no).value;
       var nqtvVal=document.getElementById("nqtv"+item_no).value;
       //checking if typed value is greater than old value
       if(nqtvVal>cqtvVal)
       {
         //write whatever code you want to do like give a warning message or make the nqtv value reset to zero etc
       }   
   }
 </script>