1

Подскажите как сделать что бы в input можно было вводить дробные (или целые) числа ( пример: 1.1 | 1.234 | 12 ). Тоесть только цифры или точку (не запятая). Спасибо.

1

2 ответа 2

2
<input type="text" onkeydown="return isNumber(event)">

function isNumber(evt) {
    const charCode = evt.keyCode;
    const hasDot = evt.target.value.indexOf('.') !== -1 && charCode === 190;
    if (charCode != 46 && charCode != 190 && charCode > 31 
        && (charCode < 48 || charCode > 57) || hasDot) {
        return false;
    }
        return true;
 }
0

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

^\d+(?:\.\d+)?$

Upd.

Если необходима проверка формата во время ввода, то можно использовать вот такой код:

$("#testField").on("keyup change", function() {
  var that = $(this);
  var validValue = that.data("validValue") || "";
  var newValue = that.val();
  if (newValue.match(/^\d+\.?\d*$/)) {
    that.data("validValue", that.val());
  } else {
    that.val(validValue);
  }
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" id="testField">

Тут используется немного другое регулярное выражение ^\d+\.?\d*$, которое позволяет значения типа 58., но такие значения также являются валидными рациональными числами.

2
  • А как мне его дальше использовать? Что бы в инпуте не допускалось ввод символов которых нету в списке
    – G.Denis
    13 дек 2018 в 16:53
  • @G.Denis, обновил ответ. 13 дек 2018 в 17:28

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

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