下拉列表中的JavaScript验证

JavaScript Validation in a dropdownlist

本文关键字：验证 JavaScript 下拉列表      更新时间：2023-09-26

我试图在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>

try this

 if(document.Shopping.elements.Consoles.value == "Default"){..
相关文章：