Quel Evénement javascript je dois appliquer sur un input text

Bonjour,
J'ai un tableau html qui contient 3 colonnes, la première colonne représente la désignation de l'article , la deuxième représente la quantité restante et la troisième colonne la quantité consommée, la première et la deuxième colonne sont affichés à partir de la base, la troisième colonne est à éditer(l'utilisateur saisit une valeur), je veux afficher un message d'erreur si l'utilisateur saisit une valeur qui dépasse la quantité restante mais j'ai pas une grande idée quel est l’événement que je dois appliquer pour appeler une fonction javascript (pour afficher le msg d'erreur), je vous montre mon code

  <table class="table table-striped table-bordered table-hover" id="dataTables-example">
  <thead>
  <tr>                                     
  <th>Désignation </th>                                                                                    
  <th>QTE Restante</th>
  <th> QTE</th>                                                                                      
   </tr>
 </thead>
  <tbody>
 <tr class="odd gradeX">
<?php 
  $sqlmatpre="select CArticle, LibArticle,QuantiteOTRes from GP_OrdredeTravailDetail 
 where NOrdredeTravail='$numero_ordre_de_travail' ";
$stmtmatpre = sqlsrv_query( $conn, $sqlmatpre );
  while( $rowmat = sqlsrv_fetch_array( $stmtmatpre, SQLSRV_FETCH_NUMERIC) ) 
  { 
  $indexArticle=$rowmat[0]." | ".$rowmat[1].$numero_ordre_de_travail;
   ?>
<td><input type="text" style="border:0px" name="libArticle[]" value="<?php echo $rowmat[1] ; ?>" disabled="disabled">
 <input type="hidden" style="border:0px" name="libArticle[]" value="<?php echo $rowmat[1]; ?>"  >
</td>                                   
 <td><input type="text"  size="5" style="border:0px"  name="quantiteRestante[]" value="<?php echo $rowmat[2]; ?>" disabled>
  <input type="hidden"  size="5" style="border:0px"  name="quantiteRestante[]" value="<?php echo $rowmat[2];  ?>"> 
 </td>
 <td><input type="text" size="5" style="border:0px" align="center" name="quantiteConsommee[]" value="<?php echo "0"; ?>" onkeyup="verifQte() "> </td>                                           
 </tr>                                     
 </tbody>
 <?php
    }
   ?>  
   </table>

Pour ma fonction javascript, j'ai écrit le code suivant :

function verifQte()
{
 var Lignes = document.getElementById("dataTables-example").rows;
var Longueur=Lignes.length;
alert("Longueur :" + Longueur);
for(var i=1; i<Longueur; i++)
{
var arrayColonnes = arrayLignes[i].cells;//on récupère les cellules de la ligne 
 var largeur = arrayColonnes.length; 
 for(var j=1; j<largeur; j++)
{  
var qteRestante=Lignes[i].cells[1] ;
var qteConsommee=Lignes[i].cells[2];
if(qteConsommee > qteRestante)
alert("La quantité utilisée ne doit pas dépasser la quantité restante"); 
  }
}

Mon tableau contient 3 lignes, pourtant le résultat de la variable longueur est 4, est ce que le <tr> qui contient l'entête du tableau (les <th>) est aussi calculée ? sinon même lorsque je saisit des valeurs erronées rien ne s'affiche :( quel est l’événement que je dois utiliser pour appeler ma fonction ? et est ce que le code de ma fonction est correcte ou pas ?
merci d'avance