Блог

Как запустить проверку(регулярное выражение) по значению 2 полей (выпадающий список кода страны поле ввода номера телефона) таким образом, чтобы поле ввода пользователя(номер телефона) не содержало добавленное значение префикса после всех магических трюков для выполнения проверки по регулярному выражению за кулисами?

Таким образом, у меня есть 2 отдельных поля в моей форме, и я добавил логику для объединения этих значений и запуска проверки для каждого регулярного выражения, и похоже, что входные данные действительны как на уровне поля, так и на уровне формы, поэтому проверка работает. Но я не знаю, как скрыть от пользователя это «полное значение» в поле Номер телефона, чтобы оно не включало префикс, пока у меня есть отдельный раскрывающийся список для него?

 const handleOnBlur = ([evt]) => {
  const phone = evt.target.value;
  const removeCountryPrefix = phone amp;amp; phone.replace(countryPrefix, '');
  const trimmedPhoneNumber = removeCountryPrefix.replace(/[^0-9]/g, '').trim();
  const fullPhoneNumber = countryPrefix amp;amp; `${countryPrefix   trimmedPhoneNumber}`;
  setValue('phoneNumber', fullPhoneNumber amp;amp; fullPhoneNumber.replace(/^0*/, ''));
  triggerValidation('phoneNumber');
};
 

Примечание.установка значения номера телефона через «setValue» на самом деле помогает установить значение без кода страны, но когда в следующий раз запускается та же проверка(по регулярному выражению), номер телефона снова становится недействительным(так как теперь в нем отсутствует часть кода страны, как того требует регулярное выражение).

изображение

Пожалуйста, помогите…не могу решить эту проблему. Я надеялся, что, может быть, есть какая-то функция, которая существует, но я не смог ее найти, или, может быть, у кого-то была похожая проблема? Я был бы очень признателен за любую помощь.

Заранее большое вам спасибо, ребята 🙏