Не становятся первые буквы ФИО большими по потере фокуса, как исправить?

Question

[olya_097]

Дан инпут. В него вводится ФИО через пробел. ФИО вводится с маленькой буквы. Сделайте так, чтобы по потери фокуса инпутом, введенные фамилия, имя и отчество автоматически стали записанными с большой буквы (в том же инпуте).

https://jsfiddle.net/k098p3yq/2/

Почему код не работает? Что не так?

Answer 1

[0xD34F]

• Обрабатываете не то событие - должно быть blur, а не focus
  
• Пытаетесь вызвать toUpperCase не у строки, а у массива - забыто [0]
  
• Возвращаете результат в никуда, вместо того, чтобы установить значение инпута
  

И вообще, всё это делается гораздо короче:

input.addEventListener('blur', function() {
  const value = this.value.trim();
  if (value) {
    this.value = value
      .split(/\s+/)
      .map(n => n[0].toUpperCase() + n.slice(1))
      .join(' ');
  }
});

// или

input.addEventListener('blur', ({ target: t }) => {
  t.value = t.value
    .trim()
    .replace(/\s+/g, ' ')
    .replace(/(^|\s)\S/g, m => m.toUpperCase());
});

Comments

[olya_097]

спасибо
Ваше решение действительно впечатляет

всмысле возвращаю в никуда?
вот подправила
но всё также https://jsfiddle.net/k098p3yq/6/

[0xD34F]

olya_097,

всмысле возвращаю в никуда?

Давайте зайдём с другой стороны: зачем (и куда, по-вашему) вы возвращаете значение? Чего вы хотите этим добиться?

вот подправила

Только один косяк. Ещё два осталось.

[olya_097]

0xD34F, я возвращаю новый массив в результате срабатывания события 'blur'

[0xD34F]

olya_097, ещё раз - куда и зачем? Или вы не понимаете, что делаете?

[olya_097]

0xD34F, Только один косяк. Ещё два осталось.
а разве добавления [0] в arr[i][0]=arr[i].toUpperCase()[0]; не был вторым косяком?

[olya_097]

0xD34F, return str; это результат работы функции

[olya_097]

0xD34F, Пытаетесь вызвать toUpperCase не у строки, а у массива - забыто [0]

всмысле? я с данной строкой ничего не исправляла и всё ок
может Вы запутались?
код https://jsfiddle.net/k098p3yq/14/

[0xD34F]

olya_097,

я с данной строкой ничего не исправляла и всё ок

Так эта строка у вас выглядела изначально: arr[i][0]=arr[i].toUpperCase();
А так выглядит сейчас: arr[i][0]=arr[i][0].toUpperCase();

Скажите пожалуйста, вы сейчас соврали сознательно, или случайно - от недостатка ума, дырявой памяти и т.п.?

[olya_097]

0xD34F, извините, ну я же Вас не оскорбляла

[0xD34F]

olya_097, судя по тому, что прямого ответа на свой вопрос я не получил - второй вариант. Дам совет: вы попробуйте сначала думать, а только потом говорить. Так вы будете выбешивать своих собеседников гораздо меньше.

[olya_097]

0xD34F, опять оскорбление...
Я просто банально не заметила, что исправила. На автомате. Это ответ?
И на вас "наежать" даже не было в мыслях.
Просто обсуждение

[0xD34F]

olya_097, нет, не просто. Очень сложно что-то обсуждать с человеком, который постоянно тупит.

[olya_097]

0xD34F, так не отвечайте на мои вопросы, если Вам не нравится
Странная политика у Вас

[olya_097]

0xD34F, и где постоянно? один раз уже является постоянством?

Очень сложно что-то обсуждать с человеком, который постоянно хамит

[0xD34F]

olya_097, могу примерно то же и вам посоветовать - после получения ответа не надо пускаться в дискуссии, если в этом нет необходимости. Всё ваши ошибки были перечислены сразу же, говорить было не о чем.

[olya_097]

0xD34F, впринципе Вы правы, ответили на все вопросы сразу
Спасибо!

Answer 2

[Дмитрий]

Неверно указано событие в addEventListener

Comments

[olya_097]

поменяла
но всё также