Разрешить вводить только числа в текстовое поле [дубликат]

Question

Разрешить вводить только числа в текстовое поле [дубликат]

Возможные Дубликаты:
как разрешить только числовые (0-9) в HTML inputbox с помощью jQuery?

Как разрешить только цифры, которые будут записаны в этом текстовом поле ?

<input type="text" class="textfield" value="" id="extra7" name="extra7">

467 3

javascript

3 ответов:

Comments

Ничего не найдено.

Darin Dimitrov · Accepted Answer · 2011-09-04 00:02:31

вы можете подписаться на событие onkeypress:
<input type="text" class="textfield" value="" id="extra7" name="extra7" onkeypress="return isNumber(event)" />
и isNumber функция:
function isNumber(evt) {
    evt = (evt) ? evt : window.event;
    var charCode = (evt.which) ? evt.which : evt.keyCode;
    if (charCode > 31 && (charCode < 48 || charCode > 57)) {
        return false;
    }
    return true;
}
вы можете увидеть его в здесь.

powtac · Accepted Answer · 2017-08-30 02:27:25

С HTML5 вы можете сделать
<input type="number">
вы также можете использовать шаблон регулярных выражений для ограничения входного текста.
<input type="text" pattern="^[0-9]*$" />

Arnout Engelen · Accepted Answer · 2011-09-04 00:04:53

вы также можете использовать некоторые атрибуты HTML5, некоторые браузеры уже могут воспользоваться ими (type="number" min="0").

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