Prevent Benutzer zur Eingabe Wert größer als von anderen Eingangswert

Question

Wie kann ich verhindern, und geben Alarm, so Benutzer kann nicht geben Sie den Wert von totalontarget und totalofftarget größer sein als totalofservices

<script> 
    $(document).ready(function() { 
    $('.totalofservices').keyup(function(){ 
     $(this).closest('tr').find(".totalontarget").val($(this).val()); 
     $(this).closest('tr').find(".totalofftarget").val("0"); 
    }); 
    }); 
</script> 

for($x = 1; $x <= 3; ++$x) { 
    echo " 
    <tr> 
     <td>Zone $x</td> 
     <td><input style='text-align:center' class='form-control totalofservices' type='text' size='20' id='totalofservices[]' name='totalofservices'></td> 
     <td><input style='text-align:center' class='form-control totalontarget' type='text' size='20' id='totalontarget' name='totalontarget[]'></td> 
     <td><input style='text-align:center' class='form-control totalofftarget' type='text' size='20' id='totalofftarget' name='totalofftarget[]'></td> 
    </tr>"; 
} 

Answer 1

Check this out: https://jqueryvalidation.org/ . Wie auch immer, auch wenn die Client-Validierung benutzerfreundlicher aussehen sollte, sollte sie auch auf der Serverseite implementiert werden.

Answer 2

Versuchen etwas wie das

$('.totalontarget, .totalofftarget').on('keyup', function(e){ 
    var max = $(this).parent().parent().find('.totalofservices').val(); 

     if ($(this).val() > max) { 
      alert('Value more that ' + max); 
      e.preventDefault(); 
     } 
});