Question

如何防止和提醒警报，以便用户无法输入totalontarget和totalofftarget的值大于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

检查出来：https://jqueryvalidation.org/。无论如何，即使客户端验证看起来更加用户友好，它也应该在服务器端实现。

Answer 2

尝试类似的东西

$('.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();
        }
});

阻止用户输入大于其他输入值

2 个答案: