如何使用jQuery validate验证Kendo Dropdownlist

利津杜拉伊拉伊

我的表单中有普通的剃刀以及kendo控件,在尝试使用jquery validate插件验证kendo dropdownlist时遇到了一些问题。下面是我的代码。

 @(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事件都没有被调用。任何帮助表示赞赏。谢谢

维杰

建议以下

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

jQuery Validate-对隐藏字段启用验证

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用Internet Explorer更新Kendo DropDownList的问题

来自分类Dev

使用Internet Explorer更新Kendo DropDownList的问题

来自分类Dev

使用DropDownList的Kendo MVC UI排序网格

来自分类Dev

DropDownList验证

来自分类Dev

如何使用AngularJS指定optionLabelTemplate Kendo UI DropDownList

来自分类Dev

如何根据 DropDownList 选择验证 TextBox - JavaScript

来自分类Dev

Kendo DropDownList更改事件

来自分类Dev

Kendo Dropdownlist占位符

来自分类Dev

Kendo DropdownList选定的值

来自分类Dev

如何使用jQuery设置DropDownList的文本?

来自分类Dev

如何学习kendo dropdownlist在javascript中启用或禁用?

来自分类Dev

如何在模板中设置Kendo DropDownList列表高度?

来自分类Dev

如何在Kendo Scheduler资源(Popup)中触发DropDownList事件

来自分类Dev

kendo-dropdownlist for vue,如何设置默认值

来自分类Dev

Kendo DropDownList-如何手动选择项目?

来自分类Dev

Kendo DropDownlist模板选择的值不使用索引

来自分类Dev

使用类选择器无法获取 Kendo Dropdownlist 值

来自分类Dev

如何使用Jquery Validate多次验证表单

来自分类Dev

如何使用jquery.validate执行验证?

来自分类Dev

网格外的验证 DropDownList

来自分类Dev

如何基于DropDownList选择验证带有RegularExpression的TextBox?

来自分类Dev

使用Bootstrap Validator验证ASP.NET Dropdownlist控件

来自分类Dev

Kendo DropDownList默认选定值

来自分类Dev

Kendo DropDownList模板与空白项目

来自分类Dev

Kendo DropDownList默认选定值

来自分类Dev

Kendo DropDownList没有填充

来自分类Dev

使用 jQuery Validate 验证数组

来自分类Dev

如何对DropDownList进行排序

来自分类Dev

使用敲除绑定dropdownList

Related 相关文章

热门标签

归档