javascript - 确定用户输入字段是否为空

Question

我已经查看了这里的一些答案，但由于某种原因，我无法让它发挥作用。我希望用户对某些内容进行评分，如果他们在必填字段中未输入任何内容并按“评分”，我希望它能发出警报。

function Script() {
  var G = document.getElementById("gradevalue").value
  if (G == null || G == undefined) {
    window.alert("Please input a grade");
  }
}

<label id="grade">|Please grade on a scale from 1 to 10 (10 is the best!)         
    <input id="gradevalue" type="text"; size="2"; maxlength="2">
    </label>
<input type="button" value="GRADE!" id="nota" onclick="Script()">

我对此很陌生，所以请不要太严厉。

Answer 1

我想，你可以简单地检查一下:

if (!Number(G)) {
   window.alert("Please input a grade");
}

这将是 true如果G是 null , undefined , '' , 0 , false和NaN以及任何未转换为数字的字符串。

function CheckGrade () {
  var G = document.getElementById("gradevalue").value;
  if(!Number(G)) {
    window.alert("Please input a grade");
  } else {
    //your code here, maybe some othe validation logic
  }
}

<label id="grade">|Please grade on a scale from 1 to 10 (10 is the best!)         
<input id="gradevalue" type="number" min="1" max="10"/>
</label>
<input type="button" value="GRADE!" id="nota" onclick="CheckGrade()">

更新添加了代码示例和小错误。