Поправить фильтр для инпута

[MC-XOBAHCK]

Если это можно, помогите пожалуйста поправить фильтр для инпута.
Сам фильтр пропускает только числа и заменяет запятую на точку.

Проблема в том, что можно ввести вторую точку.
Например сейчас можно ввести так - 21.8454.789

<input type="text" id="test">
<script>
    document.querySelector('#test').addEventListener('input', function() {
        this.value = this.value.replace(/[,\.]+/, '.').replace(/[^\d.]/, '');
    });
</script>

Есть ли возможность исключить вторую точку?

[j0hnik]

document.querySelector('#test').addEventListener('input', function() {
        this.value = this.value.replace(/[,\.]+/, '.').replace(/[^\d.]|(?<=\.\d*)\./, '');
    });

Это экспериментальная технология =)

[рони]

MC-XOBAHCK,

<input type="text" id="test">
<script>
    document.querySelector('#test').addEventListener('input', function() {
        this.value = this.value.replace(/,/, '.').replace(/\./g, function(a, b, c) { 
    return c.indexOf(a) == b ? a : ''
}).replace(/[^\d.]/, '');
    });
</script>

[MC-XOBAHCK]

Спасибо ВАМ! Оба варианта работают правильно, по крайней мере в гугл-хроме.
Теперь появилась новая проблема - какой из этих вариантов выбрать?

[j0hnik]

MC-XOBAHCK,
берите второй, мой только для современных браузеров.
Обычно использую babel поэтому пишу используя самые последние стандартны языка, а там само транспилируется под старье.

[MC-XOBAHCK]

j0hnik, теперь я понял смысл "экспериментальная технология".
У меня все скрипты тоже через бабыль прогоняются в гальпе и минимизируются через uglify. Мне непринципиально стандарт.

[Aetae]

А разве бабел правит регулярки? Или там плагин какой?

[j0hnik]

Aetae,
для lookbehind глянул сейчас, не нашел.