验证jQuery UI MultiSelect Widget

Question

我知道这是一个重复的问题，但所有先前提出的问题答案对我都没有用。

我已经使用了这个小部件，但在将其应用于所有dropdown后，我无法验证这个新的multiselect dropdown。

HTML

<td style="width: 20%; text-align: right;" class="LabelText">
    Select Period* :
</td>
<td style="text-align: left; width: 30%" class="LabelText">
<asp:DropDownList ID="ddlStudyPeriod" runat="server" Width="40px" multiple="multiple">
</asp:DropDownList>
</td>

的JavaScript

function fnValidateStudy() {
    var options = $('#ddlStudyPeriod > option:selected');
    debugger;
    if (options.length == 0) {

        alert("Please Select Period");
        return false;
    } 

但这不起作用。即使我在小部件dropdown中选择了在控制台中显示空白数组或0长度的值。

我想检查是否为dropdown选择了任何值。

Answer 1

你可以这样做。

 var options = $("#ddlStudyPeriod option:selected").length;
        if (options == 0) {
            alert('Please select Period');
            return false;
        }