🈵🈹 Регулярки в мультиязычных приложениях
Если вам нужно провалидировать имя при помощи регулярки, будьте аккуратны: в имени могут быть специфичные символы. 😁
Например, такая регулярка /^[a-zа-яё]+$/i - вроде норм, но есть нюанс. Пользователи с именем René или Bożena не пройдут. Изменим регулярку /^\w+$/u - тоже ошибка. В некоторых языках это пройдет, но вот в JavaScript нет - \w строго привязан к латинице ASCII ([a-zA-Z0-9_]) даже с флагом u. Эта регулярка не пропустит кириллицу или арабскую вязь, зато пропустит цифры и нижнее подчёркивание. Для React-приложений с формами это не подходит 👎
🟠/^\p{L}+$/u - разрешает только буквы во всех языках. Флаг u включает поддержку Unicode, а \p{L} (Letter) означает любую букву любого алфавита в мире.
Люди часто имеют двойные имена или именные частицы (Anna-Maria, d'Artagnan, Mary Jane). Строгая регулярка выше такие имена не пропустит. Для продакшена лучше использовать расширенный вариант:
/^[\p{L}\s'-]+$/u - пропускает буквы любых языков, а также пробелы, дефисы и апострофы.
🧑💻 Пример функции
export const isValidName = (name) => {
// Используем расширенный вариант для реальной жизни
const nameRegex = /^[\p{L}\s'-]+$/u;
return nameRegex.test(name);
};
@frontend_tales
Если вам нужно провалидировать имя при помощи регулярки, будьте аккуратны: в имени могут быть специфичные символы. 😁
Например, такая регулярка /^[a-zа-яё]+$/i - вроде норм, но есть нюанс. Пользователи с именем René или Bożena не пройдут. Изменим регулярку /^\w+$/u - тоже ошибка. В некоторых языках это пройдет, но вот в JavaScript нет - \w строго привязан к латинице ASCII ([a-zA-Z0-9_]) даже с флагом u. Эта регулярка не пропустит кириллицу или арабскую вязь, зато пропустит цифры и нижнее подчёркивание. Для React-приложений с формами это не подходит 👎
🟠/^\p{L}+$/u - разрешает только буквы во всех языках. Флаг u включает поддержку Unicode, а \p{L} (Letter) означает любую букву любого алфавита в мире.
Люди часто имеют двойные имена или именные частицы (Anna-Maria, d'Artagnan, Mary Jane). Строгая регулярка выше такие имена не пропустит. Для продакшена лучше использовать расширенный вариант:
/^[\p{L}\s'-]+$/u - пропускает буквы любых языков, а также пробелы, дефисы и апострофы.
🧑💻 Пример функции
export const isValidName = (name) => {
// Используем расширенный вариант для реальной жизни
const nameRegex = /^[\p{L}\s'-]+$/u;
return nameRegex.test(name);
};
@frontend_tales