asp.net mvc jquery 下拉验证

我如何使用不显眼的 javascript 验证下拉列表？作为所需验证器的验证文本框，但它不适用于下拉列表？

需要更改不显眼的 js 文件吗？或者还有其他选项来验证下拉列表吗？

我想在我的 javascript 中检查 form.validate() 时显示错误。

标记

 <p>
        <label for="ProductCategoryList">Product Categories</label>
        <%= Html.DropDownList("ProductCategoryList", ViewData["ProductCategories"] as SelectList)%>
    </p>

和验证脚本

        $.validator.addMethod("selectNone",
            function (value, element) {
                return this.optional(element) || element.selectedIndex != 0;
            },
           "Please select an option."
        );


        $(function () {
            $("#form1").validate({
                rules: {
                    ProductCategoryList: {
                        selectNone: true
                    }

                },
                messages: {
                    ProductCategoryList: {
                        selectNone: "This field is required"
                    }
                }
            });
        });