asp.net mvc jquery 下拉验证

Question

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

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

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

Answer 1

标记

 <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"
                    }
                }
            });
        });

Answer 2

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

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

Answer 3

您必须保留第一个选项 value="" 才能正常工作。

<asp:ListItem Value="">- Select Something -</asp:ListItem>

Answer 4

我见过的最好的方法是使用 jQuery 表单验证插件：

http://plugins.jquery.com/project /validate

http://bassistance.de/jquery-plugins/jquery-插件验证/

Answer 5

我通过在 Viewmodel 上创建一个属性来实现此目的，该属性用于绑定到 DropDownList 中的选定项目。通过一个示例可以清楚地说明：

视图中的代码：

        <div class="editor-field">
           @Html.DropDownListFor(model => model.SelectedPlantID,
                                 new SelectList(Model.Plants, "Value", "Text"),
                                 " ", new { id = "ddlPlant" })

          @Html.ValidationMessageFor(model => model.SelectedPlantID)
    </div>

ViewModel 中的代码将是（强类型化到视图）：

            private List<SelectListItem> _plants = new List<SelectListItem>();
    [Required]
    [Display(Name = "Plant")]
    public List<SelectListItem> Plants
    {
        get
        {
            return (_plants);
        }

        set
        {
            _plants = value;
        }
    }

    public Guid SelectedPlantID
    {
        get;
        set;
    }

注意：SelectedPlantID 不必是模型上的字段。

希望这对你有用！

Answer 6

如果要集成验证 jQuery，则需要指定字段

使用 DropDownListFor 而不是 DropDownList

@Html.DropDownListFor(c => c.Profile_Id, null, "-- Choose --", new { @class = "input-large" })

如果您的列表与字段具有相同的名称，则无需输入ViewBag.Profile_Is as SelectList 因为如果您在列表中发送空值，它不适用于编辑场景。