Как добавить пробел (между тысячами) в строке input?

Question

[Анатолий]

Пример:
https://codepen.io/workcode/pen/qBBEMXj

Проблемы:
1) До 4-ой цифры все окей, но 5-ю цифру даже написать не могу
2) Если удалить все цифры, то получаю в input что "это не число", сделал проверку, но не срабатывает
3) Проблема с точкой, то не могу поставить точку

Answer 1

[Дмитрий]

1) Перед проверкой паттерна тоже удалите из него пробел, будет давать ввести больше 4 цифр
if (!(value..replace(/\s/g, '').match(pattern))

onkeyup перепишите в виде

document.getElementById('input').onkeyup = function() {
  val_input = document.getElementById('input').value;
  val_input = val_input.replace(/\s/g, '');

  if (!val_input) return;
  var hasDotAtTheEnd = val_input.endsWith('.');
  
  val_input = Number.parseFloat(val_input)
  if (isNaN(val_input)) return  
  
  document.getElementById('input').value = val_input.toLocaleString('ru').replace(',', '.') + (hasDotAtTheEnd ? '.' : '');
}

Comments

[Анатолий]

Спасибо, один вопрос закрыл, а еще 2-м не подскажите?

[Дмитрий]

Анатолий, Добавил по третьему, суть второго не понял

[Анатолий]

Дмитрий,
по второму пункту, напишите 1 и удалите, появится - 'не число', а нужно чтобы ничего не было (раз все удалено)

по третьему, у меня не работает, т.е. пишу точку она пишется, пишу 2 тоже нормально, но когда пишу второе число после запятой, то удаляются все что запятой и сама запятая

[Дмитрий]

Анатолий, Вы написали это?
document.getElementById('input').value = val_input.toLocaleString('ru').replace(',', '.');

Если да, то никакой запятой остаться не должно и удалиться соответственно тоже

[Дмитрий]

Анатолий, Переписал функцию, все должно работать

[Анатолий]

Нашел глюк: нельзя написать число *.0* где * - любая цифра
к примеру пишу 12.0 и далее нажав любую цифру получаю 12

[Анатолий]

Немного изменил код, вместо поиска точки на конце, сейчас просто ищет точку в числе, если находит добавляет все что есть в строке от точки и до конца.

Вначале думал сделать проверку на 0 в конце, то может быть ведь и 00 на конце.
Вроде все работает, но почему-то в консоли вижу ошибку, когда добавляю точку, что переменная val_input не определена. Если не сложно посмотрите, что не так.

[Анатолий]

Ошибку нашел, вместо val_input написал var_input.
Вроде теперь все окей, тестирую дальше...