时间戳

首页 > 解决方案 > 如果按下按钮时值超出范围，则显示错误警报

javascript - 如果按下按钮时值超出范围，则显示错误警报

问题描述

我有一个“计算”按钮，它获取输入的数量并将其乘以项目的值。JS如下：

function calculate() {

   var totalPrice=0;
   var price = document.getElementById("itemprice").innerHTML;
   var quantity = document.getElementById("quantity").value;

   totalPrice=price * quantity;
   document.getElementById("totalamount").innerHTML="$" + totalPrice;
   //document.write(price * quantity)
}

以上内容非常适用于计算按钮。我正在寻找添加到这个

如果“总价格”结果等于零、负数或 NaN（如果有人在数量框中输入字母），我还想要实现的是添加一个警报弹出窗口。

因此，在上面添加如下内容：

if ("totalPrice" < 1, NaN)

   alert (Please Enter valid quantity)

但我似乎无法让它发挥作用。

标签： javascript

解决方案

  1. totalPrice是可变的，如果你把它放在引号中，它是一个字符串
  2. 如果您需要 2 个条件，则||在您的情况下使用 or 运算符。另请阅读：IF 语句中的 javascript 多个 OR 条件
  3. 在此处阅读如何检查 NaN 
    totalPrice = "not a number"

if (isNaN(totalPrice) || totalPrice < 1) {
  alert("Please Enter valid quantity")
}

所以你应该使用：

   function calculate() {

  var totalPrice = 0;
  var price = document.getElementById("itemprice").innerHTML;
  var quantity = document.getElementById("quantity").value;

  totalPrice = price * quantity;

  if (isNaN(totalPrice) || totalPrice < 1) {
    alert("Please Enter valid quantity")
  } else {
    document.getElementById("totalamount").innerHTML = "$" + totalPrice;

  }
}

推荐阅读