Question

我的表单中有正常的剃须刀和剑道控件，我在尝试使用jquery validate plugin验证kendo下拉列表时遇到了一些问题。以下是我的代码。

 @(Html.Kendo().DropDownList()
          .Name("color")
          .DataTextField("Text")
          .DataValueField("Value")
          .BindTo(new List<SelectListItem>() {
             new SelectListItem() {
                  Text = "Select Value",
                  Value = ""
              }, new SelectListItem() {
                  Text = "Black",
                  Value = "2"
              },
              new SelectListItem() {
                  Text = "Orange",
                  Value = "3"
              },
              new SelectListItem() {
                  Text = "Grey",
                  Value = "4"
              }
          }).Value("")
          .HtmlAttributes(new { style = "width: 100%" })
    )
    <input type="submit" value="Submit" />

现在我已经像我这样使用了我的jquery验证

$(document).ready(function () {
        $("#dropDownForm").validate({
            rules: {
                color: "required"
            },
            highlight: function (element) {
                alert('highlight');
            },
            unhighlight: function (element) {
                alert('unhighlight');
            },
            errorPlacement: function (error, element) {
                return false;
            },
            debug: true
        });
    });

但是我无法验证下拉列表，并且没有调用jquery validate插件的突出显示和unhighlight事件。任何帮助表示赞赏。谢谢

Answer 1

建议使用以下

Put $.validator.setDefaults({ ignore: '' }); not inside $(document).ready

jQuery Validate - Enable validation for hidden fields

http://www.telerik.com/forums/mvc-client-validation-not-working

如何使用jQuery验证来验证Kendo Dropdownlist

1 个答案: