Блог

Я попытался проверить поле номера телефона, используя vee-validate и awesome-phonenumber, но даже если я ввожу правильное значение, ошибка при проверке все еще отображается. Также проверял значение с консоли, но все равно выдается сообщение об ошибке.

 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() amp;amp; phone.getRegionCode() === 'AU') {
      console.log(phone.getRegionCode()) // this is true but error message still showing
    } else {
      console.log('not valid')
    }
  }
})
 

Вам нужно вернуться true в свои правила vee-validate, я не вижу, чтобы вы возвращали что-либо, что означает 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() amp;amp; phone.getRegionCode() === 'AU') {
      return true;
    }

    return false;
  }
})