Замена запятой на точку, после точки может идти только 2 цифры?

Question

[newaitix]

inp.value=inp.value.replace(/[^\.0-9]/gim,'');
Как ограничить количество вводимых цифр после запятой двумя ?
До запятой может быть сколько угодно цифр !

Answer 1

[Сергей Соколов]

Может, не усложняя, просто конвертировать в число, а из него брать toFixed()

Fiddle

input.value = parseFloat(e.target.value).toFixed(2);

Позиция курсора в поле: свойство selectionStart

const pos = e.target.selectionStart; // запомнить положение курсора
// magic
e.target.selectionStart = e.target.selectionEnd = pos; // восстановить

Код обработчика

const pos = e.target.selectionStart;
  let v = parseFloat(e.target.value);
  if( isNaN(v)) v = 0;
  
  e.target.value = v.toFixed(2)
  e.target.selectionStart = e.target.selectionEnd = pos;

Comments

[newaitix]

Таким путем ходил. Не получается

[Сергей Соколов]

newaitix, там неприкольно, что при вводе первой цифры сразу появляется число с дробной частью – для юзера это, наверное, шок и фрустрация )

Добавил фидл.

[newaitix]

Вот так сделал

inp.value=inp.value.replace(/[^\.0-9]/gim,'');
inp.value=Number(inp.value).toFixed(2);

Теперь в input можно ввести сколько угодно цифр

[newaitix]

Сергей Соколов, Ну предположим я хочу ввести 123456789.22
попробуйте сделать это.

[newaitix]

Сергей Соколов, Это был раз
Два
Я хочу ввести 5.55
Неполучаетя. Если ввожу 5 то форма принимает такое значение
и сколько бы я не нажимал после этого 5 все равно будит 5.00

[Сергей Соколов]

newaitix, https://jsfiddle.net/sergiks/9jc3soqw/10/

v = v.replace(/,/g, '.');
  v = v.replace(/[^\.0-9]/g, '');
  if(v.match(/\.\d{3,}/)) {
    v = v.substr(0, v.indexOf('.') + 3);
  }

[newaitix]

Сергей Соколов, шикарно. Спасибо. Можно было бы лучше если ограничить количество вводимых точек. А то сейчас можно прописать 123....55

[profesor08]

newaitix, я тебе уже написал, ненужно 100500 регялрок, округли число и установи курсор в позицию, зная текущую позицию (она известна), можно после ввода установить в следующую (текущая + 1, если цифр стало больше, -1 если меньше)

Answer 2

[profesor08]

Пусть вводит сколько хочет, на сервере придется проверять, более того, отправить можно будет что угодно.
<input type="number" step="0.01" value="1.00">

document.querySelector("input").addEventListener("input", function() {
	this.value = parseFloat(this.value).toFixed(2);
});

Comments

[newaitix]

Выше в комментариях я написал что такой метод не работает

[profesor08]

newaitix, что значит не работает, ты либо неправильно объяснил проблему, либо неправильно применяешь ответы.

[newaitix]

profesor08, fiddle Введи 5.55 без использования мышки и стрелок влево и вправо.

[profesor08]

newaitix, ну так установи курсор в нужную позицию. это к заданному вопросу отношения не имеет.