Как сделать ввод в input только одной точки?

Question

[leni_m]

В общем сделал, чтобы в инпут можно было вводить цифры и точки, и чтобы после точко можно было ввести только 2 символа. Как сделать , чтобы можно было написать только одну точку? Просто сейчас после точки можно написать еще 2 точки.

Comments

[leni_m]

rainur102:

jQuery.fn.ForceNumericOnlyPrice =
    function()
    {
        return this.each(function()
        {
            $(this).keydown(function(e)
            {
                var key = e.charCode || e.keyCode || 0;
                // Разрешаем backspace, tab, delete, стрелки, точку, обычные цифры и цифры на дополнительной клавиатуре
                return (
                key == 190 ||
                key == 8 ||
                key == 9 ||
                key == 46 ||
                (key >= 37 && key <= 40) ||
                (key >= 48 && key <= 57) ||
                (key >= 96 && key <= 105));
            });
        });
    };
function func(e) {
    if (e.value.indexOf(".") != '-1') {
        e.value=e.value.substring(0, e.value.indexOf(".") + 3); // цифра 4, устанавливает количество цифр после запятой,
                                                                //т.е. если 4, то максимум 3 цифры после запятой
    }
}
$(".price").ForceNumericOnlyPrice();

<input class="price" oninput="func(this)">

Answer 1

[Михаил Захаров]

Это вам нужно смотреть в сторону регулярных выражений. Можно пример? Как вы это сделали? Паттерном в инпуте или js? Щас решим )

Comments

[leni_m]

в коментарий к вопросу дополнил

[Михаил Захаров]

leni_m: ну я бы посоветовал паттерном в самом инпуте. Если уж хотите js, то:

var enk = $("input").val(); // Значение инпута
var patt = /^[.].{2,}$/i; // паттерн
if (patt.test(enk)) { // проверка на соответствие паттерну

}

[leni_m]

Михаил Захаров:

<input class="price" oninput="func(this)" pattern="/^[.].{2,}$/i">

вот так?

[Михаил Захаров]

leni_m: если вы хотите js, то просто копируйте то, что я написал.

[leni_m]

Никита Полевой: Михаил Захаров: просто я еще написал, что при нажатии на кнопку формы
, если пользователь ввел целое число, то автоматически приписывалась точка с 2 нулями:

var priceBlock = $('.price');
        var price = priceBlock.val();
        priceBlock.val(parseFloat(price).toFixed(2));

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

[Kovalsky]

leni_m: можно например изменить паттерн, чтобы точка и сотые доли были необязательными, добавлять их потом

[leni_m]

Никита Полевой: а не могли бы подсказать как их сделать необязательными? А то я совсем чайник в регулярках

Answer 2

[Павел Голубков]

При нажатии на точку делать проверку, допустим e.target.value.includes('.') - es6 или e.target.value.indexOf('.') !== -1 - es5. И при возвращении из выражения true не печатать точку.
Это если вы конечно ограничиваете ввод с помощью keyCode.

Comments

[leni_m]

спасибо написал так:

jQuery.fn.ForceNumericOnlyPrice =
    function()
    {
        return this.each(function()
        {
            $(this).keydown(function(e)
            {
                    var key = e.charCode || e.keyCode || 0;
                    // если нажали на точку, проверяем есть ли в строке точка
                    if (key == 190) {
                        if (e.target.value.indexOf('.') !== -1) {
                            return (
                            key == 8 ||
                            key == 9 ||
                            key == 46 ||
                            (key >= 37 && key <= 40) ||
                            (key >= 48 && key <= 57) ||
                            (key >= 96 && key <= 105));
                        }
                    }
                    // Разрешаем backspace, tab, delete, стрелки, точку, обычные цифры и цифры на дополнительной клавиатуре
                    return (
                    key == 190 ||
                    key == 8 ||
                    key == 9 ||
                    key == 46 ||
                    (key >= 37 && key <= 40) ||
                    (key >= 48 && key <= 57) ||
                    (key >= 96 && key <= 105));
            });
        });
    };

Answer 3

[harfagri]

Ввод цифр и одной точки

HTML
<input onkeypress="return checkInput(this)" >

JavaScript

function checkInput (elementRef) {  

            var keyCodeEntered = (event.which) ? event.which : (window.event.keyCode) ? window.event.keyCode : -1;  

            if ((keyCodeEntered >= 48) && (keyCodeEntered <= 57)) {
                return true; 

            } else if (keyCodeEntered == 46) {

                if ((elementRef.value) && (elementRef.value.indexOf('.') >= 0)) { 
                   return false;
                } else { 
                   return true; 
                } 
            }
            return false;  
        }