Как разрешить ввод только заглавных латинских букв?

Question

[Влад]

Приветствую всех. Задача такова — необходимо сделать так, чтобы в input можно было ввести только заглавные латинские буквы и один пробел. Находил готовые скрипты, но если буква не соответствует условию, то она все равно добавляется в поле, а нужно чтобы и даже этого не происходило. За помощь или советы заранее благодарю.

Answer 1

[ⓒⓢⓢ]

можно как то так
https://codepen.io/anon/pen/YMBVEZ

Comments

[Влад]

Это как раз таки то, что я и имел ввиду. Большое спасибо за помощь.

Answer 2

[Олег]

Дам направление. Остальное за баПки

Answer 3

[Владимир]

в вашем случае "нельзя вводить" - это всетаки позволить немножко ввести но потом таки сразу и удалить
так что все просто должно быть :)

Comments

[VeryLongAgoDid]

Согласен. В input запишется и только тогда будет проверка.
Можно конечно сделать это на элементе для этого непредназначенном (div тот же) а скриптом отслеживать нажатия на кнопки. Но это такой изврат, да и как поведут себя мобилки сложно сказать

[Adamos]

VeryLongAgoDid, зато как поведут себя хозяева "мобилок", от которых сайт требует ввести именно заглавную букву вместо того, чтобы элементарно увеличить строчную - это я, пожалуй, возьмусь предсказать...

[VeryLongAgoDid]

Adamos, про "изврат" я неспроста написал)

[Владимир]

ну во первых надо информацию написать что буХва запрещена.
во вторых логика проста:

• после ввода инициируем запуск скрипта
  
• скрипт проверяет всю строку на наличие корявых символов regexp
  
• регехп вернет не только кривой символ но и его позицию (или же несколько), потому что могут быть вставки из буфера
  
• удаляем все кривое
  

как-то так я вижу