Подтвердить номер телефона с Yup?

Question

Я пытаюсь подтвердить номер телефона с Yup:

phone: Yup.number()
  .typeError("That doesn't look like a phone number")
  .positive("A phone number can't start with a minus")
  .integer("A phone number can't include a decimal point")
  .min(8)
  .required('A phone number is required'),

.min(8) подтверждает, что номер 8 или больше.Так что простой ввод 8 пройдет.Как я могу сделать 8 символов, необходимых для прохождения 1000 0000?

Answer 1

Попробуйте, это может быть полезно для вас.

mobile: Yup.string (). Совпадает (/ ^ [6-9] \ d {9} $ /, {message:«Пожалуйста, введите правильный номер.», ExcludeEmptyString: false})

Answer 2

С Простой React Validator ,

Регулярное выражение для проверки номера телефона:

/^(\+?\d{0,4})?\s?-?\s?(\(?\d{3}\)?)\s?-?\s?(\(?\d{3}\)?)\s?-?\s?(\(?\d{4}\)?)?$/

---

Пример

// index.js

const yup = require('yup');
const { rePhoneNumber } = require('./yup-phone')

const schema = yup.string().phone()

const phone = '+911234567890';
console.log('Is Valid? ', rePhoneNumber.test(phone)); // Is Valid? true
schema.validateSync(phone);

---

// yup-phone.js

const yup = require('yup');

const rePhoneNumber = /^(\+?\d{0,4})?\s?-?\s?(\(?\d{3}\)?)\s?-?\s?(\(?\d{3}\)?)\s?-?\s?(\(?\d{4}\)?)?$/;

module.exports.rePhoneNumber = rePhoneNumber

yup.addMethod(yup.string, "phone", function() {
  return this.test("phone", "Phone number is not valid", value =>
    rePhoneNumber.test(value)
  );
});

Answer 3

Привет, сейчас я решаю ту же проблему, что и вы, и я нашел возможное решение.

Проверьте номер телефона с помощью строки, соответствующей Regex

const phoneRegExp = /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/

phoneNumber: Yup.string().matches(phoneRegExp, 'Phone number is not valid')

Вы можете искать различные выражения Regexи подтвердите это.Я использовал Regex из этой статьи https://www.sitepoint.com/community/t/phone-number-regular-expression-validation/2204