Ozzy Pro

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

Первая буква каждого слова 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"]'))
Работаем с TimeWeb
Все наши проекты на хостинге TimeWeb - проверено временем.
Регистрируйся
  • Виртуальный хостинг - от 196 ₽ в месяц
  • Аренда VDS и VPS - от 169 ₽ в месяц
  • Выделенные серверы - от 4 941 ₽ в месяц
  • Конструктор сайтов - 159 ₽ в месяц
  • Быстрый хостинг
  • Облачные серверы
  • Цена + качество
  • Поддержка 24/7
  • Надежные дата-центры
  • Своя панель управления
  • Бесперебойная работа
← Международная маска для телефона JS jQuery↑ БлогРазрешить в input определенные символы (цифры, дефисы и точки) JS →
30 января 2023, 16:37    Сергей Глазунов Блог 0    398 0

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