Как заменить точку на запятую в input type="number"?

Пользователь

от elissa , в категории: JavaScript , 3 месяца назад

Как заменить точку на запятую в input type="number"?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от ransom_homenick , 3 месяца назад

@elissa 

Замена точки на запятую в input type="number" зависит от настроек локали браузера пользователя. В некоторых странах запятая используется для разделения целой и дробной частей, а в других - точка.


Однако, если нужно сделать так, чтобы при вводе дробных чисел в input type="number" всегда использовалась запятая, можно использовать следующий код:


HTML:

1
<input type="text" id="myNumber">


JavaScript:

1
2
3
4
var myNumber = document.getElementById("myNumber");
myNumber.addEventListener("input", function() {
  this.value = this.value.replace(".", ",");
});


В данном коде используется событие "input", которое срабатывает каждый раз при вводе символа в поле. Затем, используется метод replace для замены точки на запятую в значении поля.


Обратите внимание, что в данном случае нужно использовать input type="text", так как input type="number" предназначен только для ввода чисел и может не допустить ввод запятой в этом случае.