Автоматическая точка в поле input
Доброго времени чуток.Встала такая задача упростить ввод десятичных дробей. Количество символов до и после запятой не изменяется ( 3.55 ). Нужно сделать так что-бы после ввода с клавиатуры первого символа в инпут автоматом ставилась точка а потом с клавиатуры остальные два символа.Подскажите пожалуйста как можно осуществить это дело.
|
Недавно этот вопрос в рассылке WHATWG (разрабатывает стандарты HTML) поднимался кстати. Я про постоянные десятичные знаки.
|
<input type="text">
<script>
document.querySelector('input').onkeyup = function(e) {
if (e.target.value.length == 1) {
e.target.value += '.';
}
};
</script>
|
Хм. Я не правильно немного понял ))
Я подумал про "нестираемые" десятичные знаки. Типа как в инпуте даты (не работает в FF): <input type="date" /> А просто для подстановки есть куча плагинов, например http://firstopinion.github.io/formatter.js/ |
Спасибо огроменное)Именно то что нужно)Буду пробовать к своему коду прикручивать)))
|
Извиняюсь за беспокойство!Но у меня данный код отработал только на один input остальные без изменений!Подскажите пожалуйста как разрешить данную проблемку!)
|
gtr3426,
поставь такой же обработчик событий на другие инпуты. |
Спасибо огроменное)))Буду пробовать)У меня они в цикле просто)))
|
| Часовой пояс GMT +3, время: 12:09. |