как проверить регистр js
Для проверки регистра символа в JavaScript можно использовать методы строк .toUpperCase() и .toLowerCase() .
Например, чтобы проверить, является ли первая буква слова заглавной, можно сделать следующее:
const word = 'JavaScript'; if (word[0] === word[0].toUpperCase()) console.log('Первая буква заглавная'); > else console.log('Первая буква не заглавная'); > Мы можем написать функцию, которая будет принимать в качестве параметра строку и возвращать булевое значение в зависимости от того, все ли символы в верхнем регистре или нет:
function isUpperCase(str) return str === str.toUpperCase(); > console.log(isUpperCase('HELLO')); // true console.log(isUpperCase('HeLlO')); // false Мы используем метод toUpperCase() для преобразования строки в верхний регистр и затем сравниваем исходную строку с преобразованной версией с помощью оператора === . Функция возвращает true , если все символы в верхнем регистре, и false , если есть хотя бы один символ в нижнем регистре.
Проверка на заглавные буквы с JavaScript
До боли знакомая ситуация, когда вы заполняя форму авторизации, казалось бы внимательно вбиваете каждый символ имени пользователя и пароля. Но все равно не можете попасть в свой аккаунт. А все дело в том, на вашей клавиатуре включен пресловутый CapsLock, а в программировании заглавная буква S, вместо маленькой s, совсем другой символ.
Чтобы избавить пользователя от мучений с неправильно введенным именем пользователя или паролем, напишем на чистом JavaScript проверку на заглавные буквы, вводимые пользователем в поля формы. При этом, нужно обязательно выводить текст ошибки рядом с формой. Обычно вводимый пароль скрывается за звездочками и пользователь не видит, что вводит пароль заглавными буквами. Это выглядит так:
JavaScript должен обратить внимание пользователя на то, что у него включен CapsLock.
HTML разметка
Для примера создадим простенькую HTML разметку.
JavaScript код
Первым делом нам нужно получить сам input (поле ввода), куда пользователь будет вводить пароль и блок для вывода ошибки. Создадим две переменные и присвоим им нужные селекторы.
const input = document.querySelector(‘#input’);
const error = document.querySelector(‘.error’);
console.log(input, error);
Отловим событие отпускания клавиши keyup внутри инпута с помощью метода addEventListener.
input.addEventListener(‘keyup’, (e) => const CapsLock = e.getModifierState(‘CapsLock’);
const Shift = e.getModifierState(‘Shift’);
>)
Функция getModifierState() возвращает значение true, если клавиша-модификатор нажата, в противном случае возвращает значение false. Нас интересуют клавиши Shift и CapsLock. Выведем в консоль переменную CapsLock и просто введем пароль, вернулось значение false.
Затем введем пароль с зажатой клавишей Shift, функция вернула true.
Теперь точно так же проверим в консоли клавишу Shift.
Далее нужно связать булевое значение true с выводом ошибки. Если функция вернула true (активный CapsLock), значит выводим ошибку. Если условие верно, то выведется сообщение.
if (CapsLock) error.innerText = ‘У вас включен CapsLock’
if (Shift) error.innerText = ‘У вас включен CapsLock’
Данное сообщение так и останется на странице, если его не отключить. Если CapsLock не активен, то оставляем кавычки пустыми.
if (!CapsLock) error.innerText = »
JavaScript код целиком.
const input = document.querySelector(«#input»);
const error = document.querySelector(«.error»);
//console.log(input, error);
input.addEventListener(‘keyup’, (e) => const CapsLock = e.getModifierState(‘CapsLock’);
const Shift = e.getModifierState(‘Shift’);
console.log(‘CapsLock’, CapsLock);
console.log(‘Shift’, Shift);
if (CapsLock) error.innerText = ‘У вас включен CapsLock’
if (Shift) error.innerText = ‘У вас включен CapsLock’
if (!CapsLock) error.innerText = »
>)
Если Вам интересно создавать сайты, используя только HTML|CSS, но Вам хотелось бы большего: взаимодействовать с пользователем, создавать удобные интерфейсы, то не сомневайтесь и переходите по ссылке ниже. Мой видеокурс научит вас не только программировать на JavaScript, но и думать на JavaScript.
Создано 08.01.2021 10:31:21
Копирование материалов разрешается только с указанием автора (Михаил Русаков) и индексируемой прямой ссылкой на сайт (http://myrusakov.ru)!
Добавляйтесь ко мне в друзья ВКонтакте: http://vk.com/myrusakov.
Если Вы хотите дать оценку мне и моей работе, то напишите её в моей группе: http://vk.com/rusakovmy.
Если Вы не хотите пропустить новые материалы на сайте,
то Вы можете подписаться на обновления: Подписаться на обновления
Если у Вас остались какие-либо вопросы, либо у Вас есть желание высказаться по поводу этой статьи, то Вы можете оставить свой комментарий внизу страницы.
Порекомендуйте эту статью друзьям:
Если Вам понравился сайт, то разместите ссылку на него (у себя на сайте, на форуме, в контакте):
- Кнопка:
Она выглядит вот так: - Текстовая ссылка:
Она выглядит вот так: Как создать свой сайт - BB-код ссылки для форумов (например, можете поставить её в подписи):
Комментарии ( 0 ):
Для добавления комментариев надо войти в систему.
Если Вы ещё не зарегистрированы на сайте, то сначала зарегистрируйтесь.
Copyright © 2010-2024 Русаков Михаил Юрьевич. Все права защищены.
JavaScript: Первая буква каждого слова заглавная
Напишите функцию capitalize(str) , которая возвращает строку, в которой каждое слово начинается с заглавной буквы.
var str = "каждый охотник желает знать"; function capitalize(str) < // Ваш код >document.writeln(capitalize(str)); // "Каждый Охотник Желает Знать" Решение: В этом примере регулярное выражение работает следующим образом: «Взять все символы без пробелов (\ S) , стоящие в начале строки (^) или после любого символа пробела (\ s) и преобразовать их в верхний регистр (toUpperCase) ».
Выполнить код » Скрыть результаты
Поиск заглавных букв в строке
Помогите есть задача с checkio.org.
Даны строки, вот одна из них «How are you? Eh, ok. Low or Lower? Ohhh»
Необходимо с нее достать заглавные буквы. CharAt() тут не подойдет).
Лучшие ответы ( 2 )
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Поиск заглавных букв в textarea
Привет, всем! Подскажите, пожалуйста, как посчитать количество русских и английских заглавных букв.
Поиск заглавных букв в строке.
найти все заглавные буквы в строке,вывести их по порядку.с помощью select
Количество заглавных букв в строке
нужно сделать программу на с++, позволяющую ввести с консоли строку символов (длиной до 80.
Проверить количество заглавных букв в строке А и количество прописных букв в строке В
Добрый день, помогите разобраться. Пишу программу, которая должна проверять количество заглавных.
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
Сообщение было отмечено pryda-vlad как решение
Решение
pryda-vlad,
1 2 3 4 5 6
var str = "How are you? Eh, ok. Low or Lower? Ohhh"; var caps = "ABCDEFGHIJKLMNOPQRSTUVWXYZ"; var res = str.split('').filter(function(l){ return ~caps.indexOf(l); }); alert(res);