Question

的jquery代码

$('#productId').validate({
     rules: {
         product: {
             required: true,
             term: {regex: /^$|\s/}
         }
     },
     messages: {
         product: {
             required: "A text is much",
             term: "Please avoid spaces"
         },
     },  

     showErrors: function (errorMap, errorList) {

         $.each(this.successList, function (index, value) {
             $('#'+value.id+'').popover('destroy');
         });


         $.each(errorList, function (index, value) {

             $('#'+value.element.id+'').attr('data-content',value.message, 'title', 'Oops!').popover({
                 placement: 'top',
                 trigger: 'manual',
                 delay: { show: 500, hide: 5000 }
             }).popover('show');

         });

     }

 });

如果输入的字词中有空格，我要做的是显示一个弹出窗口。但每次它给我错误

Uncaught TypeError: Cannot call method 'call' of undefined

我知道正则表达式部分有问题。因为我用minLength尝试了相同的代码并且效果很好。我做错了什么？

P.S我使用twitter bootstrap进行popover。

更新：有关错误的更多信息

Uncaught TypeError: Cannot call method 'call' of undefined ----------jquery.validate.js:504

    $.extend.check ---------- jquery.validate.js:504

    $.extend.element ---------- jquery.validate.js:357
    $.extend.defaults.onfocusout ---------- jquery.validate.js:231

    delegate ---------- jquery.validate.js:317

    (anonymous function) ---------- jquery.validate.js:1184

    jQuery.event.dispatch ---------- jquery.js:3075

    elemData.handle ---------- jquery.js:2751

    jQuery.event.trigger ---------- jquery.js:2987
    jQuery.event.simulate ---------- jquery.js:3302

    handler

Answer 1

我的猜测是你应该在第二个this.errorList中使用errorList而不只是$.each。 value.id和value.element.id中的两个循环之间的差异也可能很大。

Answer 2

rules声明的结构如下......

rules: {                       // <- rules:
    field_name: {              // <- name attribute of field                   
        rule_name: parameter,  // <- rule: parameter
        required: true,   // example 1
        min: 30           // example 2
    }
},

现在你的代码：

rules: {
    product: {
        required: true,
        term: {regex: /^\s*$/}
    }
},

term到底应该是什么？为什么regex内有term？

如果term是规则，则无法将规则（regex）嵌套在规则（term）内。
term不是“内置”rule as per the documentation。
term也不是“自定义”规则。
如果term是字段name，则无法在字段（term）中嵌套字段（product）。

这解释了您的错误，

“未捕获的TypeError：无法调用未定义的方法'调用'”

换句话说，该插件将term视为未定义的方法。

假设你的正则表达式是正确的，它应该是这样的......

rules: {
    product: {
        required: true,
        regex: /^\s*$/
    }
},

另外，请记住，如果您的自定义方法返回true，则该字段会进行验证，如果它返回false，该字段将无法通过验证并显示错误。

用于空格的jQuery验证正则表达式为“未捕获的TypeError：无法调用未定义错误的方法'调用'”

2 个答案: