Обновлять

Для этого есть новое и очень простое решение:

Он позволяет использовать любой фильтр ввода для текста <input>, включая различные числовые фильтры. Это будет правильно обрабатывать копирование + вставку, перетаскивание + удаление, сочетания клавиш, операции контекстного меню, клавиши без ввода и все раскладки клавиатуры.

См. этот ответ или попробуйте сами на JSFiddle.

плагин jquery.numeric

Я успешно реализовал множество форм с помощью jquery.numeric плагин.

$(document).ready(function(){
    $(".numeric").numeric();
});

Более того, это работает и с текстовыми полями!

Однако обратите внимание, что Ctrl + A, Копировать + Вставить (через контекстное меню) и Перетаскивать + Drop не работают должным образом.

HTML 5

Благодаря более широкой поддержке стандарта HTML 5 мы можем использовать атрибут pattern и тип number для элементов input, чтобы ограничить ввод только числа. В некоторых браузерах (особенно в Google Chrome) он также ограничивает вставку нечислового содержимого. Дополнительная информация о number и других новых типах ввода доступна здесь.

Если вы хотите ограничить ввод (в отличие от проверки), вы можете работать с ключевыми событиями. что-то вроде этого:

<input type="text" class="numbersOnly" value="" />

И:

jQuery('.numbersOnly').keyup(function () { 
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

Это сразу дает пользователю понять, что он не может вводить буквенные символы и т. Д., А не позже, на этапе проверки.

Вы все равно захотите проверить, потому что ввод может быть заполнен путем вырезания и вставки с помощью мыши или, возможно, с помощью автозаполнения формы, которое может не запускать ключевые события.

Я подумал, что лучший ответ - это просто сделать это.

jQuery('.numbersOnly').keyup(function () {  
    this.value = this.value.replace(/[^0-9\.]/g,''); 
});

но я согласен, что это немного неудобно, когда клавиши со стрелками и кнопка удаления привязывают курсор к концу строки (и из-за этого он был возвращен мне при тестировании)

Я добавил простое изменение

$('.numbersOnly').keyup(function () {
    if (this.value != this.value.replace(/[^0-9\.]/g, '')) {
       this.value = this.value.replace(/[^0-9\.]/g, '');
    }
});

таким образом, если есть какая-либо кнопка, которая не приведет к изменению текста, просто проигнорируйте это. С его помощью вы можете нажимать стрелки и удалять, не переходя до конца, но он очищает любой нечисловой текст.

В плагине jquery.numeric есть несколько ошибок, о которых я уведомил автора. Он позволяет использовать несколько десятичных знаков в Safari и Opera, и вы не можете вводить backspace, клавиши со стрелками или несколько других управляющих символов в Opera. Мне нужен был ввод положительных целых чисел, поэтому в конце концов я просто написал свой собственный.

$(".numeric").keypress(function(event) {
  // Backspace, tab, enter, end, home, left, right
  // We don't support the del key in Opera because del == . == 46.
  var controlKeys = [8, 9, 13, 35, 36, 37, 39];
  // IE doesn't support indexOf
  var isControlKey = controlKeys.join(",").match(new RegExp(event.which));
  // Some browsers just don't raise events for control keys. Easy.
  // e.g. Safari backspace.
  if (!event.which || // Control keys in most browsers. e.g. Firefox tab is 0
      (49 <= event.which && event.which <= 57) || // Always 1 through 9
      (48 == event.which && $(this).attr("value")) || // No 0 first digit
      isControlKey) { // Opera assigns values for control keys.
    return;
  } else {
    event.preventDefault();
  }
});

Больше никаких плагинов, jQuery реализовал собственный jQuery.isNumeric () добавлен в v1.7.

jQuery.isNumeric( value )

Определяет, является ли его аргумент числом.

Образцы результатов

$.isNumeric( "-10" );     // true
$.isNumeric( 16 );        // true
$.isNumeric( 0xFF );      // true
$.isNumeric( "0xFF" );    // true
$.isNumeric( "8e5" );     // true (exponential notation string)
$.isNumeric( 3.1415 );    // true
$.isNumeric( +10 );       // true
$.isNumeric( 0144 );      // true (octal integer literal)
$.isNumeric( "" );        // false
$.isNumeric({});          // false (empty object)
$.isNumeric( NaN );       // false
$.isNumeric( null );      // false
$.isNumeric( true );      // false
$.isNumeric( Infinity );  // false
$.isNumeric( undefined ); // false

Вот пример того, как связать isNumeric () со слушателем событий.

$(document).on('keyup', '.numeric-only', function(event) {
   var v = this.value;
   if($.isNumeric(v) === false) {
        //chop off the last char entered
        this.value = this.value.slice(0,-1);
   }
});

Плагин numeric (), упомянутый выше, не работает в Opera (вы не можете вернуться назад, удалить или даже использовать клавиши назад или вперед).

Приведенный ниже код как в JQuery, так и в Javascript будет работать отлично (и это всего две строки).

JQuery:

$(document).ready(function() {
    $('.key-numeric').keypress(function(e) {
            var verified = (e.which == 8 || e.which == undefined || e.which == 0) ? null : String.fromCharCode(e.which).match(/[^0-9]/);
            if (verified) {e.preventDefault();}
    });
});

Javascript:

function isNumeric(e)
{
    var keynum = (!window.event) ? e.which : e.keyCode;
    return !((keynum == 8 || keynum == undefined || e.which == 0) ? null : String.fromCharCode(keynum).match(/[^0-9]/));
}

Конечно, это только для чисто числового ввода (плюс клавиши возврата, удаления, перехода вперед / назад), но его можно легко изменить, включив в него точки и символы минус.

Вы можете использовать плагин проверки с его number ().

$("#myform").validate({
  rules: {
    field: {
      required: true,
      number: true
    }
  }
});

Нет необходимости в длинном коде для ограничения ввода чисел, просто попробуйте этот код.

Он также принимает допустимые значения int и float.

Подход Javascript

onload =function(){ 
  var ele = document.querySelectorAll('.number-only')[0];
  ele.onkeypress = function(e) {
     if(isNaN(this.value+""+String.fromCharCode(e.charCode)))
        return false;
  }
  ele.onpaste = function(e){
     e.preventDefault();
  }
}

<p> Input box that accepts only valid int and float values.</p>
<input class="number-only" type=text />

Подход jQuery

$(function(){

  $('.number-only').keypress(function(e) {
	if(isNaN(this.value+""+String.fromCharCode(e.charCode))) return false;
  })
  .on("cut copy paste",function(e){
	e.preventDefault();
  });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p> Input box that accepts only valid int and float values.</p>
<input class="number-only" type=text />

ОБНОВЛЕНИЕ

Вышеупомянутые ответы предназначены для наиболее распространенного варианта использования - проверки ввода как числа.

Но ниже фрагмент кода для особых случаев использования.

• Разрешение отрицательных чисел
• Отображение недопустимого нажатия клавиши перед его удалением.

$(function(){
      
  $('.number-only').keyup(function(e) {
        if(this.value!='-')
          while(isNaN(this.value))
            this.value = this.value.split('').reverse().join('').replace(/[\D]/i,'')
                                   .split('').reverse().join('');
    })
    .on("cut copy paste",function(e){
    	e.preventDefault();
    });

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p> Input box that accepts only valid int and float values.</p>
<input class="number-only" type=text />

Ниже я использую, чтобы буквально блокировать нажатия клавиш. Это позволяет использовать только числа 0–9 и десятичную точку. Легко реализовать, не требует большого количества кода и работает как шарм:

<script>
function isNumberKey(evt) {
    var charCode = (evt.which) ? evt.which : event.keyCode;
    if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    } else {
        return true;
    }      
}
</script>

<input value="" onkeypress="return isNumberKey(event)">

В качестве небольшого улучшения этого предложения вы можете использовать Плагин проверки с его число (), цифры и range. Например, следующее гарантирует, что вы получите положительное целое число от 0 до 50:

$("#myform").validate({
  rules: {
    field: {
      required: true,
      number: true,
      digits: true,
      range : [0, 50]
    }
  }
});

Вы не видите волшебного появления и исчезновения алфавитов при нажатии клавиши. Это работает и с пастой для мыши.

$('#txtInt').bind('input propertychange', function () {
    $(this).val($(this).val().replace(/[^0-9]/g, ''));
});

Сначала я попытался решить эту проблему с помощью jQuery, но меня не устраивало, что нежелательные символы (не цифры) действительно появляются в поле ввода непосредственно перед удалением при нажатии клавиш.

В поисках других решений я нашел это:

Целые числа (неотрицательные)

<script>
  function numbersOnly(oToCheckField, oKeyEvent) {
    return oKeyEvent.charCode === 0 ||
        /\d/.test(String.fromCharCode(oKeyEvent.charCode));
  }
</script>

<form name="myForm">
<p>Enter numbers only: <input type="text" name="myInput" 
    onkeypress="return numbersOnly(this, event);" 
    onpaste="return false;" /></p>
</form>

Источник: https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers.onkeypress#Example Живой пример: http://jsfiddle.net/u8sZq/

Десятичные точки (неотрицательные)

Чтобы разрешить использование одной десятичной точки, вы можете сделать что-то вроде этого:

<script>
  function numbersOnly(oToCheckField, oKeyEvent) {        
    var s = String.fromCharCode(oKeyEvent.charCode);
    var containsDecimalPoint = /\./.test(oToCheckField.value);
    return oKeyEvent.charCode === 0 || /\d/.test(s) || 
        /\./.test(s) && !containsDecimalPoint;
  }
</script>

Источник: Только что написал это. Кажется, работает. Живой пример: http://jsfiddle.net/tjBsF/

Другие настройки

• Чтобы разрешить ввод большего количества символов, просто добавьте их в регулярное выражение, которое действует как базовый фильтр кода символов.
• Чтобы реализовать простые контекстные ограничения, посмотрите на текущее содержимое (состояние) поля ввода (oToCheckField.value)

Некоторые вещи, которые вам могут быть интересны:

• Допускается только одна десятичная точка
• Разрешить знак минус, только если он расположен в начале строки. Это позволит использовать отрицательные числа.

Недостатки

• Положение каретки недоступно внутри функции. Это значительно снизило контекстные ограничения, которые вы можете реализовать (например, отсутствие двух одинаковых последовательных символов). Не уверен, как лучше всего получить к нему доступ.

Я знаю, что заголовок требует решений jQuery, но, надеюсь, кому-то это все равно пригодится.

Спасибо за сообщение Дэйв Аарон Смит

Я отредактировал ваш ответ, чтобы принять десятичную точку и числа из раздела чисел. Эта работа идеально подходит для меня.

$(".numeric").keypress(function(event) {
  // Backspace, tab, enter, end, home, left, right,decimal(.)in number part, decimal(.) in alphabet
  // We don't support the del key in Opera because del == . == 46.
  var controlKeys = [8, 9, 13, 35, 36, 37, 39,110,190];
  // IE doesn't support indexOf
  var isControlKey = controlKeys.join(",").match(new RegExp(event.which));
  // Some browsers just don't raise events for control keys. Easy.
  // e.g. Safari backspace.
  if (!event.which || // Control keys in most browsers. e.g. Firefox tab is 0
      (49 <= event.which && event.which <= 57) || // Always 1 through 9
      (96 <= event.which && event.which <= 106) || // Always 1 through 9 from number section 
      (48 == event.which && $(this).attr("value")) || // No 0 first digit
      (96 == event.which && $(this).attr("value")) || // No 0 first digit from number section
      isControlKey) { // Opera assigns values for control keys.
    return;
  } else {
    event.preventDefault();
  }
});

   window.jQuery.fn.ForceNumericOnly =
       function () {

           return this.each(function () {
               $(this).keydown(function (event) {
                   // Allow: backspace, delete, tab, escape, and enter
                   if (event.keyCode == 46 || event.keyCode == 8 || event.keyCode == 9 || event.keyCode == 27 || event.keyCode == 13 ||
                       // Allow: Ctrl+A
                       (event.keyCode == 65 && event.ctrlKey === true) ||
                       // Allow: home, end, left, right
                       (event.keyCode >= 35 && event.keyCode <= 39)) {
                       // let it happen, don't do anything
                       return;
                   } else {
                       // Ensure that it is a number and stop the keypress
                       if (event.shiftKey || (event.keyCode < 48 || event.keyCode > 57) && (event.keyCode < 96 || event.keyCode > 105)) {
                           event.preventDefault();
                       }
                   }
               });
           });
       };

И примените это ко всем нужным входам:

$('selector').ForceNumericOnly();

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

$field.keyup(function(){
    var val = $j(this).val();
    if(isNaN(val)){
         val = val.replace(/[^0-9\.]/g,'');
         if(val.split('.').length>2) val =val.replace(/\.+$/,"");
    }
    $j(this).val(val); 
});

• показать визуальную обратную связь (перед исчезновением появляется неправильная буква)
• позволяет десятичные дроби
• ловит несколько "."
• не имеет проблем с левым / правым дель и т. д.

HTML5 поддерживает номер типа ввода с глобальной поддержкой браузера 88% + согласно CanIUse по состоянию на октябрь 2015 года.

<input type="number" step="0.01" min="0" name="askedPrice" id="askedPrice" />

Это решение не связано с JQuery, но его преимущество в том, что на мобильных телефонах клавиатура Android будет оптимизирована для ввода чисел.

В качестве альтернативы можно использовать текст типа ввода с новым параметром «шаблон». Подробнее в спецификации HTML5.

Я думаю, что это лучше, чем решение jquery, поскольку в этом вопросе предоставленное решение jquery не поддерживает разделитель тысяч. Если вы можете использовать html5.

JSFiddle: https://jsfiddle.net/p1ue8qxj/

/ * это моя кроссбраузерная версия Как разрешить только числовые (0-9) в поле ввода HTML с помощью jQuery?
* /

$("#inputPrice").keydown(function(e){
    var keyPressed;
    if (!e) var e = window.event;
    if (e.keyCode) keyPressed = e.keyCode;
    else if (e.which) keyPressed = e.which;
    var hasDecimalPoint = (($(this).val().split('.').length-1)>0);
    if ( keyPressed == 46 || keyPressed == 8 ||((keyPressed == 190||keyPressed == 110)&&(!hasDecimalPoint && !e.shiftKey)) || keyPressed == 9 || keyPressed == 27 || keyPressed == 13 ||
             // Allow: Ctrl+A
            (keyPressed == 65 && e.ctrlKey === true) ||
             // Allow: home, end, left, right
            (keyPressed >= 35 && keyPressed <= 39)) {
                 // let it happen, don't do anything
                 return;
        }
        else {
            // Ensure that it is a number and stop the keypress
            if (e.shiftKey || (keyPressed < 48 || keyPressed > 57) && (keyPressed < 96 || keyPressed > 105 )) {
                e.preventDefault();
            }
        }

  });

Просто прогоните содержимое через parseFloat (). Он вернет NaN при неверном вводе.

Вы можете использовать autoNumeric на сайте decorplanit.com. У них есть хорошая поддержка чисел, а также валюты, округления и т. Д.

Я использовал среду IE6 с несколькими настройками css, и это был разумный успех.

Например, можно определить класс css numericInput, который можно использовать для украшения ваших полей масками числового ввода.

адаптировано с веб-сайта autoNumeric:

$('input.numericInput').autoNumeric({aSep: '.', aDec: ','}); // very flexible!

Если вы используете HTML5, вам не нужно слишком усердствовать, чтобы выполнить проверку. Просто используйте -

<input type="number" step="any" />

Атрибут step позволяет использовать десятичную точку.

Я думаю, что это хороший способ решить эту проблему, и он предельно прост:

$(function() {
    var pastValue, pastSelectionStart, pastSelectionEnd;

    $("input").on("keydown", function() {
        pastValue          = this.value;
        pastSelectionStart = this.selectionStart;
        pastSelectionEnd   = this.selectionEnd;
    }).on("input propertychange", function() {
        var regex = /^[0-9]+\.?[0-9]*$/;

        if (this.value.length > 0 && !regex.test(this.value)) {
            this.value          = pastValue;
            this.selectionStart = pastSelectionStart;
            this.selectionEnd   = pastSelectionEnd;
        }
    });
});

Пример: JSFiddle

Рассмотрены сценарии

Большинство подобных рекомендаций здесь не соответствуют хотя бы одному из них или требуют большого количества кода для покрытия всех этих сценариев.

1. Допускается только 1 десятичная точка.
2. Позволяет использовать клавиши home, end и arrow.
3. Позволяет использовать delete и backspace в любом индексе.
4. Позволяет редактировать по любому индексу (если ввод соответствует регулярному выражению).
5. Позволяет ctrl + v и shift + insert для правильного ввода (то же самое с правой кнопкой мыши + вставить).
6. Не мерцает текстовое значение, потому что событие keyup не используется.
7. Восстанавливает выбор после неверного ввода.

Неудачные сценарии

• Начиная с 0.5 и удалить только ноль не получится. Это можно исправить, изменив регулярное выражение на /^[0-9]*\.?[0-9]*$/, а затем добавив событие размытия, чтобы добавить 0, когда текстовое поле начинается с десятичной точки (при желании). См. Этот расширенный сценарий, чтобы лучше понять, как это исправить.

Плагин

Чтобы упростить задачу, я создал этот простой плагин jquery:

$("input").limitRegex(/^[0-9]+\.?[0-9]*$/);

Лучший способ - проверять контекст текстового поля всякий раз, когда оно теряет фокус.

Вы можете проверить, является ли содержимое «числом», используя регулярное выражение.

Или вы можете использовать плагин Validation, который в основном делает это автоматически.

Проверьте этот код поиска для использования базы данных:

function numonly(root){
    >>var reet = root.value;
    var arr1 = reet.length;
    var ruut = reet.charAt(arr1-1);
    >>>if (reet.length > 0){
        var regex = /[0-9]|\./;
        if (!ruut.match(regex)){
            var reet = reet.slice(0, -1);
            $(root).val(reet);
        >>>>}
    }
}
//Then use the even handler onkeyup='numonly(this)'

Это фрагмент, который я только что сделал (используя часть кода Питера Мортенсена / Кейта Бентрупа) для проверки целочисленного процента в текстовом поле (требуется jQuery):

/* This validates that the value of the text box corresponds
 * to a percentage expressed as an integer between 1 and 100,
 * otherwise adjust the text box value for this condition is met. */
$("[id*='percent_textfield']").keyup(function(e){
    if (!isNaN(parseInt(this.value,10))) {
        this.value = parseInt(this.value);
    } else {
        this.value = 0;
    }
    this.value = this.value.replace(/[^0-9]/g, '');
    if (parseInt(this.value,10) > 100) {
        this.value = 100;
        return;
    }
});

Этот код:

• Позволяет использовать основные цифровые клавиши и цифровую клавиатуру.
• Проверяет, чтобы исключить символы с цифрами Shift (например, #, $,% и т. Д.)
• Заменяет значения NaN на 0
• Заменяет на 100 значений больше 100

Надеюсь, это поможет нуждающимся.

Нашел здесь отличное решение http://ajax911.com/numbers-numeric-field-jquery/ < / а>

Другой способ сохранить позицию курсора на входе:

$(document).ready(function() {
  $('.numbersOnly').on('input', function() {
    var position = this.selectionStart - 1;

    fixed = this.value.replace(/[^0-9\.]/g, '');  //remove all but number and .
    if(fixed.charAt(0) === '.')                  //can't start with .
      fixed = fixed.slice(1);

    var pos = fixed.indexOf(".") + 1;
    if(pos >= 0)
      fixed = fixed.substr(0,pos) + fixed.slice(pos).replace('.', '');  //avoid more than one .

    if (this.value !== fixed) {
      this.value = fixed;
      this.selectionStart = position;
      this.selectionEnd = position;
    }
  });
});

Преимущества:

1. Пользователь может использовать клавиши со стрелками, Backspace, Delete, ...
2. Работает, когда вы хотите вставить числа

Plunker: Демо-версия

Я только что нашел еще лучший плагин. Дает вам гораздо больше контроля. Предположим, у вас есть поле DOB, где оно должно быть числовым, но также принимает "/" или " -" символы.

Отлично работает!

Проверьте это на http://itgroup.com.ph/alphanumeric/.

    $(".numeric").keypress(function(event) {
  // Backspace, tab, enter, end, home, left, right
  // We don't support the del key in Opera because del == . == 46.
  var controlKeys = [8, 9, 13, 35, 36, 37, 39];
  // IE doesn't support indexOf
  var isControlKey = controlKeys.join(",").match(new RegExp(event.which));
  // Some browsers just don't raise events for control keys. Easy.
  // e.g. Safari backspace.
  if (!event.which || // Control keys in most browsers. e.g. Firefox tab is 0
      (49 <= event.which && event.which <= 57) || // Always 1 through 9
      (48 == event.which && $(this).attr("value")) || // No 0 first digit
      isControlKey) { // Opera assigns values for control keys.
    return;
  } else {
    event.preventDefault();
  }
});

Этот код мне очень понравился, мне просто пришлось добавить 46 в массив controlKeys, чтобы использовать точку, хотя я не думаю, что это лучший способ сделать это;)

Я использовал это с хорошими результатами ..

ini=$("#id").val();
a=0;
$("#id").keyup(function(e){
    var charcode = (e.which) ? e.which : e.keyCode;
    // for decimal point
    if(!(charcode===190 || charcode===110))
    {           // for numeric keys andcontrol keys
        if (!((charcode>=33 && charcode<=57) || 
        // for numpad numeric keys
        (charcode>=96 && charcode<=105) 
        // for backspace
        || charcode==8)) 
        {
            alert("Sorry! Only numeric values allowed.");
            $("#id").val(ini);
        }
        // to include decimal point if first one has been deleted.
        if(charcode===8)
        {
            ini=ini.split("").reverse();
            if(ini[0]==".")
            a=0;                 
        }
    }
    else
    {
        if(a==1)
        {
            alert("Sorry! Second decimal point not allowed.");
            $("#id").val(ini);
        }
        a=1;
    }
    ini=$("#id").val();
});


find keycodes at http://www.cambiaresearch.com/articles/15/javascript-char-codes-key-codes

Это очень просто, потому что у нас уже есть встроенная функция javascript "isNaN".

$("#numeric").keydown(function(e){
  if (isNaN(String.fromCharCode(e.which))){ 
    return false; 
  }
});

Плагин jquery.numeric мне тоже подходит.

Единственное, что мне не нравится, - это интуиция. Нажатие клавиш «запрещается» без какой-либо обратной связи с пользователем, который может стать параноиком или задаться вопросом, сломана ли его клавиатура.

Я добавил в плагин второй обратный вызов для простой обратной связи при заблокированном вводе. возможный:

$('#someInput').numeric(
    null, // default config
    null, // no validation onblur callback
    function(){
        // for every blocked keypress:
        $(this).effect("pulsate", { times:2 }, 100);
    }
);

Конечно, это просто пример (с использованием jQuery UI). Любая простая визуальная обратная связь поможет.

Я использую эту функцию, и она отлично работает

$(document).ready(function () {
        $("#txt_Price").keypress(function (e) {
            //if the letter is not digit then display error and don't type anything
            //if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) 
            if ((e.which != 46 || $(this).val().indexOf('.') != -1) && (e.which < 48 || e.which > 57)) {
                //display error message
                $("#errmsg").html("Digits Only").show().fadeOut("slow");
                return false;
            }
        });
    }); 

Есть хороший плагин jquery под названием Jquery Mask Plugin, который предназначен для создания масок для полей формы и html, но вы также можете использовать его, чтобы просто определить, какие данные можно вводить внутри поля:

$('.numeric-input').mask('0#');

Теперь внутри вашего поля формы будут разрешены только числа.

Использование события нажатия клавиши

1. Метод массива

var asciiCodeOfNumbers = [48, 49, 50, 51, 52, 53, 54, 54, 55, 56, 57]
$(".numbersOnly").keypress(function (e) {
        if ($.inArray(e.which, asciiCodeOfNumbers) == -1)
            e.preventDefault();
    });

2. Прямой метод

$(".numbersOnly").keypress(function (e) {
        if (e.which < 48 || 57 < e.which)
            e.preventDefault();
    });

Я использовал ответ Джеймса Нелли и добавил onpaste = "return false;" (Håvard Geithus), чтобы во входные данные вводились только целые числа. Даже если вы пытались наклеить, он этого не позволит.

Этот код относится к ограничению алфавитов в текстовых полях, необходимо ввести только номер, подтвержденный при нажатии клавиши. Надеюсь, это поможет вам

HTML-теги:

<input id="txtPurchaseAmnt" style="width:103px" type="text" class="txt" maxlength="5" onkeypress="return isNumberKey(event);" />

только функция Числа (клавиша) {

        var keycode = (key.which) ? key.which : key.keyCode

        if ((keycode > 47 && keycode < 58) || (keycode == 46 || keycode == 8) || (keycode == 9 || keycode == 13) || (keycode == 37 || keycode == 39)) {

            return true;
        }
        else {
            return false;
        }
    }

РАЗРЕШЕНЫ ТАКЖЕ ОТРИЦАТЕЛЬНЫЕ ЧИСЛА

Следующий код также принимает отрицательные числа

HTML

<input type="text" name="myText" />

JS

var pastValue, pastSelectionStart, pastSelectionEnd;

$("input").on("keydown", function() {
    pastValue          = this.value;
    pastSelectionStart = this.selectionStart;
    pastSelectionEnd   = this.selectionEnd;
}).on("input propertychange", function() {

    if ( this.value.length > 0 && $.isNumeric(this.value) == false && this.value != '-' ) {
        this.value          = pastValue;
        this.selectionStart = pastSelectionStart;
        this.selectionEnd   = pastSelectionEnd;
    }
}).on('blur', function(){
        if(this.value == '-')
            this.value = '';
});

У меня есть этот фрагмент кода, который очень хорошо выполняет свою работу.

 var prevVal = '';
$(".numericValue").on("input", function (evt) {
    var self = $(this);
    if (self.val().match(/^-?\d*(\.(?=\d*)\d*)?$/) !== null) {
        prevVal = self.val()
    } else {
        self.val(prevVal);
    }
    if ((evt.which != 46 || self.val().indexOf('.') != -1) && (evt.which < 48 || evt.which > 57) && (evt.which != 45 && self.val().indexOf("-") == 0)) {
        evt.preventDefault();
    }
});

Вы можете использовать проверку HTML5 для ввода текста, добавив шаблон. Нет необходимости вручную проверять регулярное выражение или коды клавиш.

<input type="text" pattern="[0-9.]+" />

$("input[type=text][pattern]").on("input", function () {
    if (!this.checkValidity())
        this.value = this.value.slice(0, -1);
});

Для решения с input [type = number] см. Мой полный ответ здесь

Пожалуйста, добавьте внизу скрипта:

if(this.value.length == 1 && this.value == 0)
 this.value = "";