30 января 2023, 16:37

Первая буква каждого слова input заглавная JS jQuery

Маска ввода - первая буква каждого слова в input заглавная большая, остальные строчные маленькие.

Надо нам например для поля ФИО запретить пользователям писать, как попало все заглавными (КАПСОМ CAPS LOCK) или все маленькими, или вообще и так и сяк. Мы хотим порядок в наших данных и чтоб везде отображалось все одинаково.

Не так:

ИВАНОВ ИВАН ИВАНОВИЧ
иванов иван иванович
Иванов ИВАН иванович

А так:

Иванов Иван Иванович

<input type="text" name="fio" value=""  placeholder="ФИО"/>

function capittalize(s) {
    return s.toLowerCase().replace(/(? ch.toUpperCase())
}

document.querySelector('input[name="fio"]').addEventListener('input', e => {
    document.querySelector('input[name="fio"]').value = capittalize(e.target.value)
})

document.querySelector('input[name="fio"]').dispatchEvent(new Event('input[name="fio"]'))