在jquery中验证下拉列表

Question

我在html中有一个下拉列表,我想使用jquery验证它.

 Please select your rating * :
    <select id="myDropdown">
    <option value="">-Please Select-</option>
    <option value="1">One</option>
    <option value="2">Two</option>
    <option value="3">Three</option>
    <option value="4">Four</option>
    <option value="5">Five</option>
    </select>

我的Jquery代码就像

if ($('#myDropdown option:selected').length == 0)
    {
      alert("Please select anyone");
    }

我需要的是,如果没有选择任何值,它仍然像 - 请选择 - 如果用户按下提交按钮,则需要显示警报或任何相应的消息请帮助

Answer 1

mydropdown = $('#myDropdown');
if (mydropdown.length == 0 || $(mydropdown).val() == "")
{
    alert("Please select anyone");
}

见下面的注释.此外,您不需要option:selected(根据Sly的原始答案).

在这个小提琴上,尝试选择另一个值,然后尝试选择该-Please Select-选项.你会看到的alert().

http://jsfiddle.net/userdude/aS2AM/

编辑

注意:长度测试什么都不做,因为它总是报告1,因为总是至少选择一个选项(并且您的选择器总是选择至少一个选项,除非选择没有选项).我在此更新中删除了以下小提琴和代码:

http://jsfiddle.net/userdude/LdN6c/3/

您没有捕获表单提交事件.

$(document).ready(function() {
    $('#myForm').submit(function(e){ // <<< This selector needs to point to your form.
        if ($('#myDropdown').val() == "") {
            alert("Please select anyone");
            e.preventDefault();
            return false;
        }
    });
});

请注意#myForm需要选择包含所选元素的实际表单元素.

请看这里的行动:http://jsfiddle.net/userdude/LdN6c/1/