Прописать первый символ ввода текста

Question

Прописать первый символ ввода текста

1

Я не вижу, с чем я ошибаюсь. Мой код...

function firstC()
    {
        var x = document.getElementsByClassName("uValue");

        for(var i = 0; i < x.length; i++) {
            x.value.charAt(0).toUpperCase();
        }
    }

Он называется...

<td><input type="text" name="firstname" value="(required)" id="firstName" class="uValue" onclick="empty(this.id)" onblur="firstC()" /></td>

Функция empty() работает правильно, удалив значение поля ввода, если его значение "(обязательно)", но я не могу firstC() функцию firstC() использовать первый символ любого ввода.

EDIT: Я использую getElementsByClassName поскольку есть несколько ящиков ввода, которые я пытаюсь разрешить использовать одну и ту же функцию.

JavaNovice 02 июнь 2017, в 01:36

Источник

Теги:

javascript

for-loop

input

char

uppercase

2 ответа

2

Вместо this вы должны передать this в свои встроенные JS-события:

onclick="empty(this)" onblur="firstC(this)"

пример

function empty(el) {  // el now refers to the this referrer
  el.value="";
}

function firstC(el) {
  var val = el.value;
  el.value = val.charAt(0).toUpperCase() + val.substr(1);
}

<input type="text" onclick="empty(this)" onblur="firstC(this)"  value="(required)" id="firstName" class="uValue" name="firstname">

PS: не забывайте, что вместо использования empty() и value="(required)" вы можете просто использовать атрибут placeholder

placeholder="(required)"

Roko C. Buljan 01 июнь 2017, в 21:56

0

Спасибо за ваш ответ. Приятно видеть альтернативные методы, и я проверил и этот, так что я знаю, что он работает :). Спасибо за внимание к заполнителю тоже!
JavaNovice 01 июнь 2017, в 23:23
0

Добро пожаловать, Мэтт! Удачного кодирования!
Roko C. Buljan 01 июнь 2017, в 23:32

Ещё вопросы

Спасибо за ваш ответ. Приятно видеть альтернативные методы, и я проверил и этот, так что я знаю, что он работает :). Спасибо за внимание к заполнителю тоже!
Добро пожаловать, Мэтт! Удачного кодирования!

Nosyara · Accepted Answer · 2017-06-01T22-08-00.000Z

Вы забыли присвоить значение обратно

function firstC()
    {
        var x = document.getElementsByClassName("uValue");

        for(var i = 0; i < x.length; i++) {
            x[i].value = x[i].value.charAt(0).toUpperCase() + x[i].value.substr(1);
        }
    }

Извините, вы тоже пропустили индекс :-) (Исправлено в ответе)
Ах, черт! Мне нужно приходить сюда чаще, задолго до того, как я часами ломаю себе голову. Это работает - большое спасибо! : D