JavaScript表单验证不适用于选择元素

Question

因此，如果值未更改，我将尝试更改选择框的样式。 用户尚未选择任何内容。 如果选择了“其他”，则yesnoCheck是一个显示附加输入字段的函数。 我认为它不会影响此表单验证。 相同的验证对于输入字段也可以正常工作，但不适用于选择框。

我也selectedIndex == 0 selectIndex selectedIndex == 0但它也不起作用。

HTML：

<form name="myForm" method="post" action="" onsubmit="return(validate());">
<label for="lastname">Sukunimesi:</label>
<input type="text" id="lastname" name="lastname" /><br />

<select id="car" name="car" onchange="javascript:yesnoCheck()">
    <option id="noCheck" value="none">Valitse automerkkisi</option>
    <option id="noCheck" value="1">Lada</option>
    <option id="noCheck" value="2">Mosse</option>
    <option id="noCheck" value="3">Volga</option>
    <option id="noCheck" value="4">Vartburg</option>
    <option id="yesCheck" value="other">Muu</option>
</select>
<input type="submit" value="Submit" />
</form>

JS：

<script type="text/javascript">
function yesnoCheck() {
if (document.getElementById("yesCheck").selected) {
    document.getElementById("ifYes").style.display = "block";
}
else document.getElementById("ifYes").style.display = "none";
}

function validate() {
if (document.myForm.lastname.value.length < 3) {
    document.getElementById("lastname").className = "required";
    return false;
}

if (document.myForm.car.value == "none") {
    document.getElementById("car").className = "required";
    return false;
}
alert ("Everything is fine!");
}
</script>

Answer 1

您的代码可以正常工作，请检查您的表单名称，并在运行脚本之前确保您的表单存在。

 function check(){ if (document.myForm.car.value == "none") { document.getElementById("car").style.border = "1px solid #900"; document.getElementById("car").style.backgroundColor = "#ff9"; return false; } } 

 <form name="myForm"> <select id="car" name="car" onchange="javascript:yesnoCheck()"> <option id="noCheck" value="none">Valitse automerkkisi</option> <option id="noCheck" value="1">Lada</option> <option id="noCheck" value="2">Mosse</option> <option id="noCheck" value="3">Volga</option> <option id="noCheck" value="4">Vartburg</option> <option id="yesCheck" value="other">Muu</option> </select> </form> <button onclick="check()">Run script</button> 

Answer 2

因此解决方案是删除return false; 从功能。