首页 > 解决方案 > Texboxes 空警报按钮

问题描述

如果我不在文本框中输入任何数字,我会收到一个警报NaN。而不是我想要一个alert("please input a number").

我尝试了几件事,但我有 3 个弹出窗口NaN,一个带有我的消息,一个带有我的消息。

function sum() {
    var a = parseInt(document.getElementById("num1").value);
    var b = parseInt(document.getElementById("num2").value);
    var c = parseInt(document.getElementById("num3").value);
    var sum = (a * b) + (b * c) / (a + b);
    alert("result".value = sum)
}

标签: javascript

解决方案


您可以使用 来检查变量是否为数字isNaN

function sum() {
  var a = parseInt(document.getElementById("num1").value);
  var b = parseInt(document.getElementById("num2").value);
  var c = parseInt(document.getElementById("num3").value);

  if (!isNaN(a) && !isNaN(b) && !isNaN(c)) {  //Check if all 3 varables are number
    var sum = (a * b) + (b * c) / (a + b);
    alert("result " + sum);
  } else {
    alert("please input a number");
  }
}
<input type="text" id="num1">
<input type="text" id="num2">
<input type="text" id="num3">

<input type="button" value="Sum" onclick="sum()">

文档:isNaN()


推荐阅读