Vee-validate 使用 3rd 方库扩展验证

问题描述

我尝试使用 vee-validate 和 awesome-phonenumber 验证电话号码字段，但即使我输入了正确的值，验证错误仍然出现。也确实从控制台检查了值，但仍然抛出错误消息。

START TRANSACTION;
SELECT * FROM foo WHERE a = 5 FOR UPDATE;
-- return 
# a,b,c
#'5','5','D'

SELECT * FROM foo WHERE a = 3 FOR UPDATE;

-- waiting...

解决方法

您需要在 vee-validate 规则中返回 true，我没有看到您返回任何表示 undefined 的内容，并且 vee-validate 将 undefined 视为 `false。

import { extend } from 'vee-validate'
import PhoneNumber from 'awesome-phonenumber'

extend('phone_number',{
  message () {
    return  'This field is not a valid phone number'
  },validate (value) {
    let phone = new PhoneNumber(value)
    if(phone.isValid() && phone.getRegionCode() === 'AU') {
      return true;
    }

    return false;
  }
})