Как проверить соответствует ли value of input формату «фамилия имя отчество »?

Question

[GNG999]

Дан инпут в реакт компоненте нужно что бы при сабмите была проверка на то, что значение инпута соответствует формату "фамилия имя отчество", при этом при onChange мы ничего не делаем (просто обработчик setState(e.target.value)), те пользователь может ввести длинные пробелы после слов и в конце
На данный момент я сделал вот так

const withoutSpaces = name.replace(/\s+/g, " ").split(" ")
        const isLastSpace = withoutSpaces[withoutSpaces.length - 1] === ""
        const validLength = (isLastSpace && withoutSpaces.length === 4) || (!isLastSpace && withoutSpaces.length === 3)
        if (!validLength) {
            errorDispatching('Введите фамилию, имя, отчество')
            return
        }

Есть ли более простое решение ?

Comments

[0xD34F]

Пришло время узнать про trim.

Да и про split вы не всё знаете - replace не нужен.

[Василий Банников]

А потом окажется, что отчество есть не у всех, и что некоторые имена и фамилии состоят из нескольких слов, и что некоторые пользователи путают порядок)

Answer 1

[Elaryks]

Можно сразу удалить в строке лишние пробелы в начале и конце, после чего разбить её по пробелам:

const nameParts = name.trim().split(/\s+/);
if (nameParts.length !== 3) {
    errorDispatching('Введите фамилию, имя, отчество');
    return;
}