Вход

Просмотр полной версии : Замена строчной буквы на прописную при вводе


Вових
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
Вових,
тут ваш код

Вових
16.10.2017, 17:58
Благодарю Рони.

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

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