提交验证错误的 Max 和 Step答案

【问题标题】：Max and Step for a submit validation error提交验证错误的 Max 和 Step
【发布时间】：2018-11-30 05:48:50
【问题描述】：

我在表单中提交数据时遇到问题。问题是我有 2 个输入，其中 1 个依赖于另一个来更改其值，我用 jquery 设置了新的最大值，但是当我尝试提交它时说新数字不在范围内

$('#ventas_cheque_valor').on('keyup change click', function() {
  //  $('#div_cheque_opciones').removeClass('disabledbutton')
  $('#ventas_efectivo_valor').val(total_final)
  $(this).attr('max', total_final)
  let valor = parseFloat($(this).val())

  if (valor > total_final) {
    toastr.error('Éste valor no debe ser superior a: <strong>' + total_final + '</strong>', {
      timeOut: 5000
    })
    $(this).val(0)
  } else if (valor <= total_final) {
    let nuevo = total_final - valor
    $('#ventas_efectivo_valor').val(parseFloat(nuevo))
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label for="ventas_efectivo_valor" class="col-sm-2 control-label"><strong>Efectivo</strong></label>
  <div class="col-sm-6">
    <input type="number" class="form-control" id="ventas_efectivo_valor" placeholder="Valor" step="0.01">
  </div>
</div>
<div class="form-group">
  <label for="ventas_cheque_valor" class="col-sm-2 control-label"><strong>Cheque</strong></label>
  <div class="col-sm-6">
    <input type="number" class="form-control" id="ventas_cheque_valor" placeholder="Valor" step="0.01" min="0">
  </div>
</div>

【问题讨论】：

标签： javascript php jquery html laravel

【解决方案1】：

这是我对您问题的回答。

因为我的英语不够好，如果我误解了你的问题，请告诉我。

var total_final = 100; // previously undefined
$('#ventas_efectivo_valor').val(total_final)
$('#ventas_cheque_valor').attr('max', total_final)
  
$('#ventas_cheque_valor').on('keyup change', function() {
//  $('#div_cheque_opciones').removeClass('disabledbutton')
  let valor = parseFloat($(this).val()).toFixed(2);

  if (valor > total_final) {
    /*toastr.error('Éste valor no debe ser superior a: <strong>' + total_final + '</strong>', {
      timeOut: 5000
    })*/
    $(this).val(0);
  } else if (valor <= total_final) {
    let nuevo = (total_final - valor).toFixed(2);
    $('#ventas_efectivo_valor').val(nuevo);
    $(this).val(valor);
  }
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="form-group">
  <label for="ventas_efectivo_valor" class="col-sm-2 control-label"><strong>Efectivo</strong></label>
  <div class="col-sm-6">
    <input type="number" class="form-control" id="ventas_efectivo_valor" placeholder="Valor" step="0.01">
  </div>
</div>
<div class="form-group">
  <label for="ventas_cheque_valor" class="col-sm-2 control-label"><strong>Cheque</strong></label>
  <div class="col-sm-6">
    <input type="number" class="form-control" id="ventas_cheque_valor" placeholder="Valor" step="0.01" min="0">
  </div>
</div>

【讨论】：