下拉列表中的JavaScript验证

时间:2013-05-01 16:32:17

标签: javascript html forms validation

我正在尝试在HTML下拉列表中进行JavaScript验证。我编写了以下代码,尝试在JavaScript的下拉菜单中添加验证,这里是:

function validateBasket()
{
if(document.Shopping.elements.Consoles.value == "Please Select")
{
alert("Please select a Console");
document.Shopping.elements.Consoles.focus(); 
return false;
}
}

然而,当我点击提交按钮时,没有进行任何验证,它会直接进入下一页。这是表单标记开头的HTML代码:

<form name="Shopping" action="Confirmation_Shop.html" onsubmit="return validateBasket()" method="get">

这是HTML中下拉列表的代码:

<center><p><b>Select your Gaming Console:</b></p>
<select name="Consoles">
<option value="Default">Please Select</option>
<option value="PS3">PlayStation®3</option>
<option value="XB360">Xbox 360</option>
<option value="PC" >PC</option>
<option value="WII">Wii</option>
<option value="WIIU">Wii U</option>
</select></center>

1 个答案:

答案 0 :(得分:1)

试试这个

 if(document.Shopping.elements.Consoles.value == "Default"){..