Как вы синхронизируете / реализуете валидацию номера телефона (SPA + Laravel API)?

Question

[amigo567]

Пытаюсь добавить валидацию номера телефона на фронте и бекенде (отдельно vue, отдельно laravel), решил воспользоваться популярной бибилотекой (Propaganistas/Laravel-Phone) и компонентом (LouisMazel/vue-phone-number-input), возникли проблемы, нашёл урок в интернете и там точно такая же ошибка. Видимо правила валидации разные, что можно сделать в данном случае?

2) тоже самое, кстати, со странами, у меня в базе данных есть IC = canary islands, а в комоненте vue нету, ошибка появляется в консоли:

TypeError: Cannot read properties of undefined (reading 'iso2')
    at VueComponent.updateVisibleItems (

, не уж то с нуля лучше создавать свои компоненты и правила валидации?

Репозиторий

Comments

[Сергей delphinpro]

На фронте валидация телефона оправдана - предупредить пользователя, если он случайно ошибся.
А в чем сакральный смысл валидировать номер телефона на сервере? Достаточно регулярки на допустимые символы (-+0-9\(\)).
Когда вам действительно нужен валидный номер телефона? Только если вы планируете обратную связь на этот номер в виде кодов подтверждения на вход, например. Но в этом случае вы обязательно проверите принадлежность номера пользователю путем отправки смс. И вам все еще не нужно быть уверенным в правильности номера. Главное чтобы пользователь был уверен. А он уверен, потому что на клиенте у вас уже есть валидация. Либо он специально вел некорректный номер и сам себе злобный буратино.

[amigo567]

Сергей delphinpro, В этом есть логика, (для контекста: делаю интернет магазин). Решил пока просто отключить валидацию на фронте и только на бекенде проверять (там видимо более строгая проверка, так как, если добавить lenient() метод в цепочку: (new Phone)->lenient()->country(..), то номер сверху сохраняется.

А можете посоветовать также, как перевести ошибки валидации? сейчас в админ панели у меня есть ресурс "Языки" и ресурс "Переводы", модератор может создавать новые языки и добавлять /изменять слова (хранятся в базе данных + отдельный endpoint, который принимает ИД языка и возвращает переводы - пары "ключ - значение"), страница в админ панели выглядит так:
Ключ: ....
И затем для каждого имеющегося языка создаётся textarea

А что делать с ошибками валидации? я ведь не могу заранее создать все resources/.../validation.php (для каждого возможного языка), в будущем, модератор сможет создать какой-то язык и я хочу, чтобы автоматически (наверное, ресурс "Переводы ошибок" или в том же самом "Переводы") была возможность перевести ошибки на нужные языки, но тут возникает другая проблема: 1) нужно создавать новый validation.php (или лучше копировать имеющийся lang/en/validation.php, чтобы потом отобразить содержимое файла в админ панели, а модератор/переводчик просто отредактирует слова) файл при создании нового языка 2) так как ларавел по умолчанию берёт текст ошибки из этих файлов мне надо как-то менять App::setLocale перед тем, как провести валидацию входных данных (добавить middleware, который будет брать languageId из request и менять App::setLocale?)

[Сергей delphinpro]

amigo567,
1) Я бы копировал базовый язык в новый, чтобы там сразу были все необходимые ключи

2) Если у вас мультиязычное приложение, то вы наверное уже как-то переключаетесь между ними? или только планируете это делать? Если в планах, то посмотрите на пакет mcamara/laravel-localization

[amigo567]

Сергей delphinpro,
2) Да, просто есть vuex модуль отвечающий за локализации (i18n используется). В header есть выпадающее меню, пользователь выбирает язык, вызывается changeLanguage, где делается запрос на GET /translations { languageId: xxx } и с сервера возвращаются переводы (пары ключ-значение) связанные с данным языком (Translation::where('languageId', request->languageId), затем скармливается полученный файл i18n, который отдаёт нужный перевод при вызове $t() функции.

App:setLocale я не трогаю вообще.

Answer 1

[Константин Б.]

зачем вы скрещиваете бек и фронт? это разные ЗО. Да бек должен для подстраховки иметь свою валидацию. Но у бека она должна быть своя. на беке вам нужно получать код выбранной страны, из конфига страны вы получаете возможную длину строки допустим от 8 до 10 символов. Берете номер в любом формате (без кода страны) удаляете всё кроме цифр и сравниваете с длиной в зависимости от выбраной страны