Telefonnummer mit Ja bestätigen?

Ich versuche, eine Telefonnummer mit Yup zu validieren:

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) überprüft, ob die Zahl 8 oder mehr beträgt. Also einfach eintreten 8 wird bestehen. Wie kann ich 8 Zeichen erforderlich machen? 1000 0000 würde passieren?

Hallo, im Moment löse ich das gleiche Problem wie Sie und habe eine mögliche Lösung gefunden.

Überprüfen Sie die Telefonnummer mit einer Zeichenfolge, die mit Regex übereinstimmt

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')

Sie können nach verschiedenen Regex-Ausdrücken suchen und diese validieren. Ich habe Regex aus diesem Artikel verwendet https://www.sitepoint.com/community/t/phone-number-regular-expression-validation/2204

>. Aktualisieren .<

http://yup-phone.js.org/

Ich habe eine erstellt yup-phone Modul, das verwendet google-libphonenumber Dies ermöglicht genaue Validierungsprüfungen und kann direkt von Github aus installiert werden

npm install --save yup yup-phone.

Überprüfen Verwendung

const Yup = require('yup');
require('yup-phone');

// validate any phone number (defaults to India for country)
const phoneSchema = Yup.string().phone().required();
phoneSchema.isValid('9876543210'); // → true

Aus Einfacher Reaktionsvalidator,

Der reguläre Ausdruck für die Telefonnummernvalidierung lautet

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

Beispiel

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

Probieren Sie es aus, es könnte für Sie hilfreich sein.

mobile: Yup.string().matches(/^[6-9]\d{9}$/, {message: "Please enter valid number.", excludeEmptyString: false})

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


phone_number: Yup.string()
  .required("required")
  .matches(phoneRegExp, 'Phone number is not valid')
  .min(10, "too short")
  .max(10, "too long"),

Das funktioniert bei mir am besten … Sie können Ihre eigene Länge festlegen … ich wollte nur 10 Ziffern, nicht weniger oder mehr

Nur eine kleine Zusammenarbeit. In meinem Fall möchte ich nicht validieren, ob die Eingabe leer ist (wenn dies nicht erforderlich ist). Vielen Dank an alle für eure Beispiele!

yup.addMethod(yup.string, "phone", function(messageError="Phone number is not valid") {
    const phoneRegExp = /^((\\+[1-9]{1,4}[ \\-]*)|(\\([0-9]{2,3}\\)[ \\-]*)|([0-9]{2,4})[ \\-]*)*?[0-9]{3,4}?[ \\-]*[0-9]{3,4}?$/
    return this.test('phone', messageError, value => {
      if (value && value.length > 0) {
        return phoneRegExp.test(value)
      }
      return true
    })
})

Ich habe einen ähnlichen Anwendungsfall und hier ist meine Lösung:

// Regex source: https://www.oreilly.com/library/view/regular-expressions-cookbook/9781449327453/ch04s02.html

const phoneRegex = RegExp(
  /^\(?([0-9]{3})\)?[-. ]?([0-9]{3})[-. ]?([0-9]{4})$/
);

const schema = yup.object().shape({
  phone: yup.string().matches(phoneRegex, "Invalid phone").required("Phone is required")
});

Ich habe dafür ein neues Paket mit dem Namen erstellt Yup-Phone-Lite. Ich hatte das ursprüngliche Yup-Phone-Paket verwendet, aber es verwendet die massive Google-Libphone-Nummer, also habe ich es durch einen kleineren Fork ersetzt.