希望form表单中select标签值为‘’时不能提交,但是select不选仍然能提交
前端 form
该回答引用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>