VeeValidate - ES5中的自定义验证功能

时间:2018-03-16 12:01:37

标签: javascript vue.js arrow-functions vee-validate

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

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)
}); 

1 个答案:

答案 0 :(得分:2)

如果您不想使用箭头功能,您可以在其位置传递正常功能:

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

这些功能完全相同:

(foo) => 'bar'; 

与:

相同
function (foo) {
  return 'bar'
}