Как разрешить ввод только цифр и одной точки с заменой запятой?

Question

[novoselovmaks]

Есть форма в которой необходимо указывать только цифры и точку.

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

$('#calc-form input').keydown(function(event){
    
    // Разрешаем: backspace, delete, tab и escape
    if ( event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 ||
        // Разрешаем: Ctrl+A
        (event.keyCode == 65 && event.ctrlKey === true) ||
        // Разрешаем: home, end, влево, вправо
        (event.keyCode >= 35 && event.keyCode <= 39) || event.keyCode == 190 || event.keyCode == 110 || event.keyCode == 188) {
        
        this.value = this.value.replace(/,/g, ".");

        if(this.value.match(/\./g).length >= 1) {
            this.value = this.value.substr(0, this.value.lastIndexOf("."));
        }

        return;
    } else {
        // Запрещаем все, кроме цифр на основной клавиатуре, а так же Num-клавиатуре
        if ((event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105 )) {
            event.preventDefault();
        }
    }
});

Answer 1

[Артем]

Ой, ну что вы в самом деле...
Раз уж все равно JQuery используете, так используйте JQuery Mask

Answer 2

[Сергей]

Хоть и поздно, но может кому-то будет полезно, кто попадёт сюда из поиска.

$('.number-only').on('input', function(){
        this.value = this.value.replace(/[^\d\.,]/g, "");
        this.value = this.value.replace(/,/g, ".");
        if(this.value.match(/\./g).length > 1) {
            this.value = this.value.substr(0, this.value.lastIndexOf("."));
        }
    });

Answer 3

[profesor08]

Ужас. Чем вам html не угодил?
Ввод чисел

Answer 4

[Islam Ibakaev]

адаптируй под свои нужды - https://jsbin.com/yeyafe/edit?js,output

const input = document.querySelector('input');
const pattern = /^\d+(\.?)\d*$/g;

const allowedCodes = [8, 9, 27, 35, 36, 37, 38, 39, 46, 110, 188];

input.addEventListener('input', onInput);

function onInput(e) {
	
	const value = this.value;
	
	if( !(value.match(pattern) || allowedCodes.some(code => code === e.keyCode)) ) {
		this.value = value.slice(0, -1);
	}
}

Comments

[GHostly_FOX]

Увы но ваш пример не работает.
Введите в поле например 4343434.2323, поставьте курсор в середины числа и нажмите букву и они вставится