Как отразить преобразование в поле input?

@bluser · Регистрация: 23.04.2017

Студворк — интернет-сервис помощи студентам

Есть поле ввода фамилии
JS преобразует строчные буквы в заглавные при выходе из поля input, это видно по alert
но хотелось бы видеть наглядно саму замену строчных букв на заглавные в самом поле input при выходе из него
т.е. что-бы вместо фамилии иванов в поле отобразилось ИВАНОВ.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<head>
<script type="text/javascript" src="js/jquery.js"></script>
</head>
<body>
<form> 
<p> Фамилия <input onblur="BUKVA(this)" type="text" name ="FAMILY"> </p> 
<script>
function BUKVA(abv){
var FAM = $('input[name=FAMILY]').val();
FAM = FAM.toUpperCase();
alert (FAM);
}
</script>
</form >
</body>

@Пифагор · 02.06.2017, 23:16

PHP/HTML
1
2
3
4
5
6
<p>Фамилия <input type="text" name="FAMILY"></p>
<script>
document.querySelectorAll('INPUT')[0].addEventListener('blur', function(){
  this.value = this.value.toUpperCase();
})
</script>

Добавлено через 1 минуту
https://jsfiddle.net/vp6cfp0q/

@ntlinuxnt · 03.06.2017, 14:07

Осмелился поправить код Пифагора, думаю челоаек хочет что-то такое.
https://jsfiddle.net/vp6cfp0q/1/

JavaScript
1
2
3
document.querySelectorAll('INPUT')[0].addEventListener('input', function(){
  this.value = this.value.charAt(0).toUpperCase() + this.value.slice(1);
})

HTML5
1
<p>Фамилия <input type="text" name="FAMILY"></p>

@Пифагор · 03.06.2017, 17:33

ntlinuxnt, благодарю.

Я бы, вероятно, тоже так написал, если бы ни 2 нюанса:

Сообщение от bluser

вместо фамилии иванов в поле отобразилось ИВАНОВ.

и onblur="BUKVA(this)".

@ntlinuxnt · 03.06.2017, 22:00

Сообщение от Пифагор

если бы ни 2 нюанса

Что-то я провтыкал...

@bluser · 04.06.2017, 11:21 **[ТС]**

Спасибо Пифагору - просто реализовал его вариант в цикле для ввода ФИО
может кому пригодиться

HTML5
1
2
3
4
5
6
7
8
9
<p>фамилия<input class="fio" type="text" name ="fam"> </p> 
<p>имя<input class="fio" type="text" name ="im"> </p> 
<p>отчество<input class="fio" type="text" name ="otch"> </p> 
<script>
for (i = 0; i < 3; i++) {
document.querySelectorAll('.fio')[i].addEventListener('blur', function(){
this.value = this.value.toUpperCase();
})}
</script>

Новые блоги и статьи Все статьи Все блоги /
Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Программный код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита,. . .	Команды формы и диалоговое окно Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. В качестве источника данных. . .
Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .	Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .

Как отразить преобразование в поле input?

Решение