javascript - jQuery 验证插件 this.optional 不是函数

Question

我创建了一个自定义验证。在文档中我找到了方法 addMethod()

我的例子:

Template.Login.onRendered(() => {
  jQuery.validator.addMethod('strongPassword', (value, element) => {
    return this.optional(element)
      || value.length >= 6
      && /\d/.test(value)
      && /[a-z]/i.test(value);
  }, 'Your password must be at least 6 characters long and contain at least one number and one char.');

$('.login-form').validate({
    rules: {
      password: {
        required: true,
        strongPassword: true
      }
    }
  });
});

我得到错误:

_this.optional is not a function. Exception occurred when checking element , check the 'strongPassword' method.

这是我的问题吗？

Answer 1

问题与this有关。当您使用箭头函数时(那里有 2 种情况)，this 指的是上面一个的 div 上下文，在您的情况下是 this，其中 onRendered 已被调用。将 arrow function 更改为简单函数以获取适当的 this 上下文。

jQuery.validator.addMethod('strongPassword', function (value, element) {
    return this.optional(element)
      || value.length >= 6
      && /\d/.test(value)
      && /[a-z]/i.test(value);
  }, 'Your password must be at least 6 characters long and contain at least one number and one char.');