关于select标签判断空的问题

希望form表单中select标签值为‘’时不能提交,但是select不选仍然能提交
前端 form

img


JS代码

img

该回答引用chatgpt:测试可用,参考一下


<form id="myForm" onsubmit="return validateForm()" method="POST">
  <select name="unitNumber" id="mySelect">
    <option value="">请选择</option>
    <option value="option1">选项1</option>
    <option value="option2">选项2</option>
    <option value="option3">选项3</option>
  </select>
  <button type="submit">提交</button>
</form>

<script>
  function validateForm() {
    var selectValue = document.getElementById("unitNumber").value;
    if (selectValue === "") {
      alert("请选择选项");
      return false;
    }
    return true;
  }
</script>