Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Замена строчной буквы на прописную при вводе (https://javascript.ru/forum/misc/70962-zamena-strochnojj-bukvy-na-propisnuyu-pri-vvode.html)

Вових 16.10.2017 00:52

Замена строчной буквы на прописную при вводе
 
Здравствуйте уважаемые!
У меня имеется форма ввода

<input type="text" id="inp1"
onkeyup="document.getElementById('div3').innerHTML =
document.getElementById('inp1').value;">

Соответственно весь введённый текст разу же отображается в ячейке с id='div3'.
В результате я бы хочу, чтобы при вводе например cnhjxyjq буквы 'a', в 'div3' отображалась прописная буква 'A'.

Заранее благодарю.

рони 16.10.2017 01:09

Вових,
<input type="text" id="inp1"
 oninput="document.getElementById('div3').innerHTML =
 this.value.replace(/a/g,'A');">
<div id="div3"></div>

ruslan_mart 16.10.2017 04:44

document.getElementById('imp1').oninput = function() {
   document.getElementById('div3').innerHTML = this.value.replace(/[a-z]/g, function(a) {
      return a.toUpperCase();
   });
};


Если хотите все символы перевести в верхний регистр, то можно обойтись и СSS-свойством "text-transform: uppercase".

Вових 16.10.2017 13:27

Рони, спасибо за помощь!
А подскажите как вывести код как Вы вывели в ответе. (чтобы он так отображался).

Вових 16.10.2017 13:27

Руслан, спасибо за ответ!

рони 16.10.2017 16:14

Цитата:

Сообщение от Вових
как вывести код

О том, как вставить в сообщение исполняемый javascript и html-код, а также о дополнительных возможностях форматирования - читайте http://javascript.ru/formatting.

рони 16.10.2017 16:15

Вових,
[HTML run]тут ваш код[/HTML]

Вових 16.10.2017 17:58

Благодарю Рони.

kotekiller 16.10.2017 19:52

Цитата:

Сообщение от ruslan_mart (Сообщение 467480)
Если хотите все символы перевести в верхний регистр, то можно обойтись и СSS-свойством "text-transform: uppercase".

так же text-transform: capitalize меняет первую букву на заглавную, а остальные на прописные. важно понимать, что сам текст при этом не меняется, меняется его отображение. если содержимое инпута планируется обрабатывать - лучше реализовать обработку через php в обработчике или js


Часовой пояс GMT +3, время: 05:53.