Как сделать валидацию телефона на ввод в форму?

Question

[oskar barin]

Как сделать валидацию на форме при вводе или когда вставляем в форму запись такого вида [phone] ?
на выходе хочу чтобы в форме отображалось такого вида [phone]

Написал такую валидацию.

validatePhone(event) {
        const { target } = event;
        const validatePhone = target.value.replace(/\D/g, '').match(/(\d{0,1})(\d{0,10})/);
        target.value = '+7'+validatePhone[2];
        this.formPhone.Phone = target.value = '+7'+validatePhone[2];
    }

Этот код обрезает много, когда вставляю в форму [phone], тогда в фоме отображается только +7999999

Comments

[Алексей Уколов]

Ошибка у вас в чём-то другом, код работает как ожидается:

> '[phone]'.replace(/\D/g, '').match(/(\d{0,1})(\d{0,10})/)[2]
< '9999999999'

[Stalker_RED]

То есть у любых номеров вы удаляете все, что не является цифрой. Неплохо, правда теперь сложнее определить какие номера были введены в международном формате, а какие через восьмерку, например.
Затем вы удаляете первую цифру, и добавляете +7 в начале. Если клиент вашего сайта ввел номер из другой страны вы получите в базе недействительный или действительный, но чужой номер. Отличный план!