jquery - 使用jEditable编辑下拉列表时出现错误 "validator is undefined"

Question

我正在使用 jeditable 对我的表进行内联编辑。在我的表格中，我可以编辑文本、日期选择器和下拉菜单。

但是，当我编辑下拉列表时，我会在 firebug 中收到错误:

validator is undefined
[Break On This Error] validator.settings[eventType] && v...ype].call(validator, this[0], event); 

jquery.validate.js 或 jquery.js 发生错误

但是，当我编辑下拉列表时，我没有调用任何验证方法。

以下是声明下拉菜单可编辑的代码:

  // Drop down
    $('.dropdown').editable('@(Url.Action("Edit", "Stock"))',
    {
        data: getFoodTypesList(),
        type: 'select',
        indicator: 'saving...',
        event: 'dblclick',
        //tooltip: 'Double click to edit...',
        style: 'inherit',
        width: '240px',
        submit: '<img src="@Url.Content("~/Content/Add_in_Images/ok.png")" alt="ok"/>',
        cancel: '<img src="@Url.Content("~/Content/Add_in_Images/cancel.png")" alt="cancel"/>',
        // Use callback function to assign display text for the field after edit
        callback: function (value, settings) {
            var temp = getFoodTypeName(value);
            $(this).text(temp);
            $.ajax({
                async: false,
                url: '@(Url.Action("GetStockTable", "Stock"))',
                type: 'GET',
                success: function (result) {
                    $('#tableplaceholder').html(result);
                    unitDropDown();
                }
            });
        }

    });

每次我单击下拉列表选择一个选项时都会发生错误。知道原因是什么吗？或者我是否可以“绕过”下拉菜单的自动验证？

请帮忙...非常感谢...

编辑:

IE 开发工具中显示的错误不同:

 'settings' is null or not an object

它指向这一行:

 // Datepicker
    $('.storagedatepicker').editable('/Stock/Edit',
    {
        type: 'datepicker',
        indicator: 'saving...',

这是日期选择器字段的可编辑...我不明白为什么它有关系......

Answer 1

当我们将 jEditable 控件放置在另一个启用了 jquery 验证的表单中时，会发生此错误。原因是 jEditable 本身创建了一个表单，因此您最终会得到一个表单位于另一个表单内。

为了禁用对子表单元素的验证，我在“jquery.jeditable.js”脚本文件中的该行之后添加了以下代码行

var form = $('<form />');

>

 form.validate({
                  ignore: ":input"
              });