0

Нужно при вводе отсекать все не цифры. Сделано сейчас так

elem.onkeyup = function () {
  this.value = this.value.replace(',', ".");
  this.value = this.value.replace(/[^0-9\.]/g, "");

Но пользователь может ввести что-то вроде 9.34.

То есть нужно задействовать регулярку вида 9.9 где 9 - любое целое число

ответом ставить не буду. но вот так вроде проще

elem.on('blur', function () {
 var value = this.value.split('.');
        if (isNumeric(value[1])) this.value = value[0]+'.'+value[1];
        else this.value = value[0];
4
  • в общем и в целом да.
    – des1roer
    11 ноя 2015 в 6:46
  • Я так понимаю, нужно чтобы проходили целые числа и десятичные дроби? 9.,.123,.900 - такое же не стоит пропускать, верно? Тогда логичнее воспользоваться например такой конструкцией: var str = '0.756'; var result = isNaN(str);
    – iksuy
    11 ноя 2015 в 7:09
  • if (isNaN(this.value)) { // введено не число // показать ошибку
    – des1roer
    11 ноя 2015 в 7:26
  • жестко ограничить ввод хочу. оно надежнее смотрится
    – des1roer
    11 ноя 2015 в 7:27

2 ответа 2

1

Надо следить за изменением поля, и валидировать его значение при каждом изменении:

var $el = $('#sometext')
    ,prev = $el.val() // предыдущее, заведомо правильное значение
    ,filterValue = function(i,v) {
        v = v.replace(',','.');  // меняем запятую на точку если надо (?)
        // с начала строки несколько или ноль цифр подряд,
        // потом точка или запятая один или ноль раз
        // потом несколько или ноль цифр подряд до конца строки
        // если ок, в prev очередное правильное значение
        if(v.match(/^\d*[\.,]?\d*$/)) return prev = v;
        else return prev; // если пришло не правильное значение – ставим предыдущее, правильное
    }

    ,handleChange = function(e) { // слушаем любые изменения поля
        $el.val(filterValue);
    }
;

$el.on('input', handleChange);

Рабочий пример – можно и вставлять copy-paste'ом, и работают кнопки backspace, del и стрелки. И много точек не пройдёт. Хотя, если вам нужны разделители тысяч – не пройдёт: 1,000,000.22 – нужно уточнять, какие форматы допустимы.


На чистом JS:

var el = document.getElementById('sometext')
    ,prev = el.value
    ,filterValue = function(e) {
        var v = el.value.replace(',','.');
        el.value = v.match(/^\d*[\.,]?\d*$/) ? prev = v : prev;
    }
;

el.addEventListener('input', filterValue, false);
3
  • а на чистом можно написать? а то jquery символы | в имени элемента не понимает
    – des1roer
    11 ноя 2015 в 8:29
  • Сами не справитесь? Можно двумя обратными слэшами отквотить символ pipe ("|"): $('#invalid_\\|_id)`
    – Sergiks
    11 ноя 2015 в 8:32
  • добавил на чистом JS
    – Sergiks
    11 ноя 2015 в 9:23
1

Можете попробовать что-то такое:

$(document).on('keyup', '#sometext', function(e) {
	var arr = this.value.replace(',', '.').replace(/[^0-9\.]/g, "").split('.');
 	if (arr.length > 1 && arr[0].length) arr[0]+='.';
    //console.log(arr);
    this.value = arr.join('');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text" id="sometext" />

4
  • правая кнопка мыши - вставить
    – xaja
    11 ноя 2015 в 8:09
  • @xaja, и что не так?
    – Visman
    11 ноя 2015 в 8:12
  • 1
    ну, все что угодно можно запихать в input
    – xaja
    11 ноя 2015 в 8:13
  • 1
    @xaja, ну так повесьте этот код на нужные события и живите спокойно :Р onkeyup использует ТС в своем вопросе, но ни кто не мешает использовать другое событие.
    – Visman
    11 ноя 2015 в 8:15

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.