使用 if 语句的错误消息不起作用（Java Script）

Question

错误消息应显示在文本框右侧的 span 元素中，错误消息应为：

“必须是小于 10,000 美元的正数”

“必须是小于 12 的正数”

但我的代码只显示“必须是小于 10,000 美元的正数”，即 subtotal_message。

当条件不满足时，如何使两条消息都显示？

 if (isNaN(subtotal) || subtotal <= 0 || subtotal > 10000) {
          $("subtotal_message").innerHTML = "Must be a positive number less than $10,000"; 
      } 

 else if (isNaN(taxRate) || taxRate <= 0 || taxRate > 12) {
          $("tax_rate_message").innerHTML = "Must be a positve number less than 12";
      } 

 else { var salesTax = calculate_salesTax(subtotal, taxRate);
          $("sales_tax").value = calculate_salesTax(subtotal, taxRate);
          $("total").value = (parseFloat($("subtotal").value) + parseFloat(salesTax)).toFixed(2);
      }

正文标签中的 HTML

    <div id="taxCalc">
    <label for="subtotal">Subtotal:</label>
    <input type="text" id="subtotal" >
    <span id="subtotal_message" class="subtotal_message">Enter order subtotal</span><br />

    <label for="tax_rate">Tax Rate:</label>
    <input type="text" id="tax_rate" >
    <span id="tax_rate_message" class="tax_rate_message">Enter sales tax rate (99.9)</span><br />
    </div>

Answer 1

那是因为你在这里使用else if 。 如果if条件之一执行，则其他条件将不会执行。 我建议您删除else if并将其替换为if 。