VeeValidate - ES5 中的自定义验证函数

Question

我正在使用 VeeValidate 创建自定义验证规则。官方文档对 getMessage 和 validate 方法使用箭头函数。如何在常规函数语法中实现这些函数？

VeeValidate.Validator.extend('verify_username', {
  getMessage: field => 'Your username must be 3-24 characters long, \
    contains only a-z, 0-9, a period or an underscore, and should begin \
    with an alphabetic character.',
  validate: value => /^[a-z][a-z0-9._]{2,23}$/.test(value)
}); 

Answer 1

如果你不想使用箭头函数，你可以传递一个普通函数来代替它：

VeeValidate.Validator.extend('verify_username', {
  getMessage: function (field) {
    return "username must be..."
  },
  validate: function (value) {
    return "[...]"
  }
}); 

---

这些函数是相同的：

(foo) => 'bar'; 

等同于：

function (foo) {
  return 'bar'
}