Problema entre while php y for javascript

[hernan2212]

Hola tengo un problemita que no logro entender porque sucede.

Con PHP genero un while de esta manera:

Código PHP:

  $i = 1;
$query_art = "SELECT * FROM articulos WHERE codigo='".$codigo."' ORDER BY codigo ASC";
$result = mysql_query($query_art) or die(mysql_error());
        while($row = mysql_fetch_array($result)){
echo '<tr>';
echo '<td><input type="text" id="codigo_$i" name="codigo_$i" value="'.$row['codigo'].'"/></td>
      <td><input type="text" id="cantidad_$i" name="cantidad_$i" value="'.$row['cantidad'].'" onBlur="compruebastock()"/>
      <input type="hidden" id="cantidadactivos_$i" name="cantidadactivos_$i" value="'.$row['cantidadactivos'].'"/>
      <input type="hidden" id="cantidadyavendidos_$i" name="cantidadyavendidos_$i" value="'.$row['cantidadyavendidos'].'"/></td>
      
      <td>Valor maximo de referencia: <input type="text" id="cantidadmaxima_$i" name="cantidadmaxima_$i" value="'.$row['stock'].'"/></td></tr>';
        $i++;} 
   

.
cuando el usuario ingresa la cantidad se comprueba (o al menos eso intento) que dicha cantidad no supere la cantidad máxima con este script:

Código HTML:

<SCRIPT LANGUAGE='JavaScript'>
function compruebastock(){
 
var j= <? echo $i; ?>
 
for(i=1;i<j;i++)
 {
 if (document.getElementById("cantidad_"+i).value > document.getElementById("cantidadmaxima_"+i).value)
 {
     document.getElementById("cantidad_"+i).value = (parseFloat(document.getElementById("cantidadactivos_"+i).value) + parseFloat(document.getElementById("cantidadyavendidos_"+i).value)).toFixed(2);
alert("Ingresó una cantidad superior a la permitida");
 }
  }
  
</script>
 

El problema que a veces comprueba de manera correcta y otras no.

Espero me puedan orientar.
Saludos para todos!