JavaScript如何检测输入是否为空？现有数值校验代码空输入分支不生效

• 核心错误：相等判断误用赋值运算符
  你在判断「等于10、输入为空」的两个分支中，都错误使用了赋值运算符=，而非相等判断运算符===。赋值表达式的返回值为被赋的值，10属于真值，因此第三个else if分支永远判定为真，后续的空输入分支完全没有执行机会。
• 空输入判定逻辑错误
  空输入对应的是长度为0的空字符串""，你代码中写的" "是包含单个空格的字符串，和空输入完全不相等，即使前面的分支能执行，也无法匹配到空输入的场景。
• 类型未统一
  input元素的value属性返回值为字符串类型，直接与数字比较会触发JS隐式类型转换，若用户输入非数字内容，会出现逻辑异常。
• 判断顺序不合理
  空输入的判断应该放在最靠前的位置，避免被前面的数字比较分支提前拦截。

JavaScript代码 #

function f1() {
  // 获取输入值并去除首尾空白，避免用户误输入空格导致判断错误
  const myinputvar = document.getElementById("myinput").value.trim();
  // 优先判断空输入
  if (myinputvar === "") {
    document.getElementById("txt").innerHTML = "你的输入为空";
    return;
  }
  // 将输入值转为数字类型后再做判断
  const inputNum = Number(myinputvar);
  // 额外增加非数字输入的判断，逻辑更严谨
  if (isNaN(inputNum)) {
    document.getElementById("txt").innerHTML = "请输入合法的数字";
  } else if (inputNum > 10) {
    document.getElementById("txt").innerHTML = "你输入的数字大于10";
  } else if (inputNum < 10) {
    document.getElementById("txt").innerHTML = "你输入的数字小于10";
  } else {
    document.getElementById("txt").innerHTML = "你输入的数字是10";
  }
}

HTML代码（已翻译为中文） #

请输入任意整数：<input type="text" id="myinput"><br><br>
<button onclick="f1()">提交</button>
<h1 id="txt"></h1>

内容的提问来源于stack exchange，提问作者Abhijit Haldar