Проверьте, есть ли только текстовое поле

Question

Как проверить, содержит ли текстовое поле только число?

В то время как googling я наткнулся на это. Но мне интересно, можно ли использовать isNumeric для этой цели или если есть более простые способы проверки, имеет ли текстовое поле числовое значение.

var query = $('#myText').val(); 
if (parseFloat(query) == NaN) { 
    alert("query is a string"); 
} else { 
    alert("query is numeric"); 
} 

Answer 1

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

$(document).ready(function() { 
    $('#myText').on('change', function() { 
     if (/^\d+$/.test($(this).val())) { 
      // Contain numbers only 
     } else { 
      // Contain other characters also 
     } 
    }) 
}); 

REGEX:

1. /: Разделители из регулярных выражений
2. ^: Начинается с
3. \d: Любая цифра
4. +: Один или несколько предшествующих символов
5. $ : Конец

Regex Визуализация:

Demo

---

Если вы хотите разрешить только номера, вы можете использовать input-number и pattern

<input type="number" pattern="\d+" /> 

Answer 2

с использованием чистого JS регулярное выражение

var query = document.getElementById('myText').value; 
var isNumeric=query.match(/^\d+$/); 
    if(isNumeric){/*...*/}else{/*...*/} 

или с помощью управления html5

<input type="number" name="quantity" min="1" max="5"> 

Answer 3

Там вы много способов, вы можете использовать isNaN

isNaN(VALUE); 

Вы также можете использовать Regex для проверки числовых значений.

console.log(/^\d+$/.test(VALUE)); 

Answer 4

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

if($('#myText').val().match(/^\d+$/)){ 
// Your code here 
} 

Answer 5

Jquery предоставляет универсальный метод Util, чтобы справиться с этим , ручки числового/всплывания/шестигранник

$.isNumeric(value) 

Try: fiddle