Валидация поля ввода VIN-кода

[avtopro]

При валидации данных в случае с VIN-кодом лучше применить whitelist-подход (allow list), когда мы перечисляем разрешённые символы, вместо blacklist-подхода (block list), когда мы пытаемся перечислить все символы, которых не должно быть в поле — это практически невозможно.

То есть, мы знаем что VIN состоит из латинских букв и цифр (на самом деле допускаются даже не все буквы и цифры), а все остальные символы запрещены: это явный allow list. См. Allow list vs block list.

Сейчас форма примет даже такой ввод: "WVGEK9BP3CD012🤪✅".

decoderVIN/src/Components/DecoderVIN/DecoderVIN.jsx

Line 17 in 2a45003

let illegalChar = /[ `!@#$%^&*()_+\-=\[\]{};':"\\|,.<>\/?~]/;

[Tatlex]

Старый тип проверки был заменён на новый по принципу "allow list" где разрешено использовать только латинские буквы нижнего и верхнего регистра а так же цифры от 0 до 9.

1. Осуществляется проверка с помощью регулярного выражения: let legalChar = /^[a-zA-Z0-9]+$/;
2. Затем проверяется на соответствие необходимому условию: if (vin.length !== 17 || !legalChar.test(vin)) {...}

Тем самым, было получено необходимое ограничение нежелательных символов для ввода.