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;
}
}
ただし、送信ボタンをクリックすると、検証が行われず、次のページに直接進みます。これは、form タグの開始の 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>