Проверьте, содержит ли входная строка число в JavaScript

137

Моя конечная цель - проверить поле ввода. Ввод может быть как буквенным, так и числовым.

Удара С.С. Лиянаге
источник
4
Вам не нужен jQuery для этого.
Шиме Видас
Пожалуйста, измените заголовок вашего вопроса на что-то более точное, например «входные данные jQuery проверяют только буквенные символы», поскольку ваше описание не дает ответа на вопрос «как найти числа в строке», поэтому оно приводит к неуместным результатам поиска для нашего сообщества. Спасибо!
Хуанма Герреро
Отредактировал «jQuery» из заголовка вопроса и заменил на «Javascript».
VKen
@VKen, не надо ставить теги на заголовок.
Starx
@Starx отметил, я просто сохраняю формат, с которого начинался плакат с вопросом.
VKen

Ответы:

289

Если я не ошибаюсь, вопрос требует «содержит число», а не «это число». Так:

function hasNumber(myString) {
  return /\d/.test(myString);
}
Зон
источник
1
Именно то, что мне было нужно. Спасибо
AndyH
это решение не учитывает нецелые числа, такие как 3.2 или 1e4
ekkis
8
Оно делает. Проверить в консоли: hasNumber («проверить 3.2 или 1e4») = true против hasNumber («проверить без номеров») = false. Потому что 3.2 и 1e4 содержат числа сами по себе.
Зон
Почему этот ответ не на вершине?
Ракеш Наир
Это точно отвечает на поставленный вопрос.
Зон
109

Вы можете сделать это с помощью JavaScript. Нет необходимости в Jquery или Regex

function isNumeric(n) {
  return !isNaN(parseFloat(n)) && isFinite(n);
}

При осуществлении

var val = $('yourinputelement').val();
if(isNumeric(val)) { alert('number'); } 
else { alert('not number'); }

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

var matches = val.match(/\d+/g);
if (matches != null) {
    alert('number');
}
Starx
источник
2
matches != nullозначает нет undefinedили nullпока matches !== nullозначает конкретно нет, nullно проходит undefined.
Nate
match()возвращает массив или null. Так что if (matches !== null)должно быть в порядке (и это будет радовать JSHint.) Источник: developer.mozilla.org/en/docs/Web/JavaScript/Reference/…
Джейсон,
Это должно быть isFinite(parseFloat(n))в первом примере. isNumeric("5,000")выходит из строя.
m.spyratos
@ m.spyratos, Ну, isFinite()дает true, если переданное значение является finiteчислом, а число 5,000является форматированной строкой числа, а не конечным числом.
Starx
@ Starx, я согласен. Но если вы не поддерживаете форматированную строку в качестве входных данных, то почему вы используете parse float isNaN? Я бы посоветовал либо удалить разбор с плавающей запятой, isNaNлибо добавить его, isFiniteчтобы быть составленным.
m.spyratos
22
function validate(){    
    var re = /^[A-Za-z]+$/;
    if(re.test(document.getElementById("textboxID").value))
       alert('Valid Name.');
    else
       alert('Invalid Name.');      
}
Джишну А.П.
источник
Я должен был прочитать весь вопрос, чтобы понять, что это на самом деле отвечает на заданный вопрос. Название вопроса немного обманчиво.
Nate
9

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

var value = $('input').val();
 if(parseInt(value)) {
  console.log(value+" is a number.");
 }
 else {
  console.log(value+" is NaN.");
 }
Элон Зито
источник
Boolean(parseInt(3)) -> true; Boolean(parseInt("3")) -> true; Boolean(parseInt("three")) -> false
Элон Зито
5

Использование регулярных выражений с JavaScript . Регулярное выражение - это специальная текстовая строка для описания шаблона поиска, которая записывается в виде / pattern / modifiers, где «pattern» - это само регулярное выражение, а «modifiers» - это серия символов, указывающих различные параметры.
         Класс символов - это самая основная концепция регулярных выражений после буквального совпадения. Это позволяет одной небольшой последовательности символов соответствовать большему набору символов. Например, [A-Z]может означать верхний регистр алфавита и \dможет означать любую цифру.

Пример ниже

Пример:

function matchExpression( str ) {
    var rgularExp = {
        contains_alphaNumeric : /^(?!-)(?!.*-)[A-Za-z0-9-]+(?<!-)$/,
        containsNumber : /\d+/,
        containsAlphabet : /[a-zA-Z]/,

        onlyLetters : /^[A-Za-z]+$/,
        onlyNumbers : /^[0-9]+$/,
        onlyMixOfAlphaNumeric : /^([0-9]+[a-zA-Z]+|[a-zA-Z]+[0-9]+)[0-9a-zA-Z]*$/
    }

    var expMatch = {};
    expMatch.containsNumber = rgularExp.containsNumber.test(str);
    expMatch.containsAlphabet = rgularExp.containsAlphabet.test(str);
    expMatch.alphaNumeric = rgularExp.contains_alphaNumeric.test(str);

    expMatch.onlyNumbers = rgularExp.onlyNumbers.test(str);
    expMatch.onlyLetters = rgularExp.onlyLetters.test(str);
    expMatch.mixOfAlphaNumeric = rgularExp.onlyMixOfAlphaNumeric.test(str);

    return expMatch;
}

// HTML Element attribute's[id, name] with dynamic values.
var id1 = "Yash", id2="777", id3= "Yash777", id4= "Yash777Image4"
    id11= "image5.64", id22= "55-5.6", id33= "image_Yash", id44= "image-Yash"
    id12= "_-.";
console.log( "Only Letters:\n ", matchExpression(id1) );
console.log( "Only Numbers:\n ", matchExpression(id2) );
console.log( "Only Mix of Letters and Numbers:\n ", matchExpression(id3) );
console.log( "Only Mix of Letters and Numbers:\n ", matchExpression(id4) );

console.log( "Mixed with Special symbols" );
console.log( "Letters and Numbers :\n ", matchExpression(id11) );
console.log( "Numbers [-]:\n ", matchExpression(id22) );
console.log( "Letters :\n ", matchExpression(id33) );
console.log( "Letters [-]:\n ", matchExpression(id44) );

console.log( "Only Special symbols :\n ", matchExpression(id12) );

Вывод:

Only Letters:
  {containsNumber: false, containsAlphabet: true, alphaNumeric: true, onlyNumbers: false, onlyLetters: true, mixOfAlphaNumeric: false}
Only Numbers:
  {containsNumber: true, containsAlphabet: false, alphaNumeric: true, onlyNumbers: true, onlyLetters: false, mixOfAlphaNumeric: false}
Only Mix of Letters and Numbers:
  {containsNumber: true, containsAlphabet: true, alphaNumeric: true, onlyNumbers: false, onlyLetters: false, mixOfAlphaNumeric: true}
Only Mix of Letters and Numbers:
  {containsNumber: true, containsAlphabet: true, alphaNumeric: true, onlyNumbers: false, onlyLetters: false, mixOfAlphaNumeric: true}
Mixed with Special symbols
Letters and Numbers :
  {containsNumber: true, containsAlphabet: true, alphaNumeric: false, onlyNumbers: false, onlyLetters: false, mixOfAlphaNumeric: false}
Numbers [-]:
  {containsNumber: true, containsAlphabet: false, alphaNumeric: false, onlyNumbers: false, onlyLetters: false, mixOfAlphaNumeric: false}
Letters :
  {containsNumber: false, containsAlphabet: true, alphaNumeric: false, onlyNumbers: false, onlyLetters: false, mixOfAlphaNumeric: false}
Letters [-]:
  {containsNumber: false, containsAlphabet: true, alphaNumeric: true, onlyNumbers: false, onlyLetters: false, mixOfAlphaNumeric: false}
Only Special symbols :
  {containsNumber: false, containsAlphabet: false, alphaNumeric: false, onlyNumbers: false, onlyLetters: false, mixOfAlphaNumeric: false}

Java шаблон сопоставления с регулярными выражениями.

Яши
источник
4

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

const s = "EMA618"

function hasInt(me){
  let i = 1,a = me.split(""),b = "",c = "";
  a.forEach(function(e){
   if (!isNaN(e)){
     console.log(`CONTAIN NUMBER «${e AT POSITION ${a.indexOf(e)} => TOTAL COUNT ${i}`)
     c += e
     i++
   } else {b += e}
  })
  console.log(`STRING IS «${b}», NUMBER IS «${c}»`)
  if (i === 0){
    return false
    // return b
  } else {
    return true
    // return +c
  }
}


hasInt(s)

NVRM
источник
2

Один из способов проверить это - перебрать строку и вернуть true (или false в зависимости от того, что вы хотите), когда вы нажмете число.

function checkStringForNumbers(input){
    let str = String(input);
    for( let i = 0; i < str.length; i++){
              console.log(str.charAt(i));
        if(!isNaN(str.charAt(i))){           //if the string is a number, do the following
            return true;
        }
    }
}
Герберт Су
источник
0

Вы можете сделать это с помощью JavaScript. Нет необходимости в Jquery или Regex

function isNumeric(n) {
  if(!isNaN(n))
    {
     return true
    }
  else
   {
    return false
   }
}
user2164619
источник
14
Overkill. Может быть простоfunction isNumeric(n) { return !isNaN(n); }
Лука Стиб
Это также не проверяет, является ли ЛЮБОЙ символ цифрой. Но я могу придумать решение, вдохновленное этим.
Тайлер Лазенби
0

Этот код также помогает в «Обнаружении чисел в заданной строке», когда найденные числа прекращают его выполнение.

function hasDigitFind(_str_) {
  this._code_ = 10;  /*When empty string found*/
  var _strArray = [];

  if (_str_ !== '' || _str_ !== undefined || _str_ !== null) {
    _strArray = _str_.split('');
    for(var i = 0; i < _strArray.length; i++) {
      if(!isNaN(parseInt(_strArray[i]))) {
        this._code_ = -1;
        break;
      } else {
        this._code_ = 1;
      }
    }

  }
  return this._code_;
}
Хан Усама
источник
0

parseInt предоставляет целые числа, когда строка начинается с представления целого числа:

(parseInt '1a')  is  1

.. так что возможно:

isInteger = (s)->
  s is (parseInt s).toString()  and  s isnt 'NaN'

(isInteger 'a') is false
(isInteger '1a') is false
(isInteger 'NaN') is false
(isInteger '-42') is true

Простите мой CoffeeScript.

Нил Стокбридж
источник
-1

Вы также можете попробовать lodash:

const isNumeric = number => 
  _.isFinite(_.parseInt(number)) && !_.isNaN(_.parseInt(number))
Darex1991
источник