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

Первая буква каждого слова 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"]'))

30 января 2023, 16:37    Сергей Глазунов Блог 0    174 0

Комментарии ()