javascript - 仅当所有文本框都已填充时，如何计算文本框值？

Question

我根据 4 个文本框的值进行了一些计算，但是我想要的是仅当 4 个文本框有值时才计算它。

听起来很简单，但我想不出一种仅当上述条件为真并在每次键入时重新计算时才运行计算的方法。

$(window).load(function(){
     $('#quantity, #length, #width, #height, #weight').keyup(function () {
         $('#volumetric_weight').val($('#length').val()*$('#width').val()*$('#height').val()*$('#quantity').val()/5000);

Answer 1

尝试使用required属性，仅在每个input有效时计算

$(function() {
  var inputs = $("form input"), product = 1;
  inputs.on("input", function() {
    if (document.forms["calculate"].checkValidity()) {
      inputs.each(function(i, el) {
        product *= el.value;
      });
      $("#volumetric_weight").val(product / 5000);
      product = 1;
    }
  })
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js">
</script>
<form name="calculate">
  <input type="number" id="quantity" required />
  <input type="number" id="length" required />
  <input type="number" id="width" required />
  <input type="number" id="height" required />
  <input type="number" id="weight" required />
</form>

<input type="text" value="" id="volumetric_weight" />

jsfiddle https://jsfiddle.net/b185Lh80/