Sprawdzanie poprawności liczb dziesiętnych w JavaScript - IsNumeric()

Jaki jest najczystszy i najbardziej efektywny sposób walidacji liczb dziesiętnych w JavaScript?

Punkty bonusowe za:

  1. Przejrzystość. Rozwiązanie powinno być czyste i proste.
  2. Cross-platform.

Przypadki testowe:

01. IsNumeric('-1')      => true
02. IsNumeric('-1.5')    => true
03. IsNumeric('0')       => true
04. IsNumeric('0.42')    => true
05. IsNumeric('.42')     => true
06. IsNumeric('99,999')  => false
07. IsNumeric('0x89f')   => false
08. IsNumeric('#abcdef') => false
09. IsNumeric('1.2.3')   => false
10. IsNumeric('')        => false
11. IsNumeric('blah')    => false
Nhan
Edytowane pytanie 7. grudnia 2016 в 3:57
Programowanie
numbers javascript validation
20. sierpnia 2008 в 2:21
20 opinie

Ten sposób wydaje się działać dobrze:

function IsNumeric(input){
    var RE = /^-{0,1}\d*\.{0,1}\d+$/;
    return (RE.test(input));
}

I aby to przetestować:

// alert(TestIsNumeric());

function TestIsNumeric(){
    var results = ''
    results += (IsNumeric('-1')?"Pass":"Fail") + ": IsNumeric('-1') => true\n";
    results += (IsNumeric('-1.5')?"Pass":"Fail") + ": IsNumeric('-1.5') => true\n";
    results += (IsNumeric('0')?"Pass":"Fail") + ": IsNumeric('0') => true\n";
    results += (IsNumeric('0.42')?"Pass":"Fail") + ": IsNumeric('0.42') => true\n";
    results += (IsNumeric('.42')?"Pass":"Fail") + ": IsNumeric('.42') => true\n";
    results += (!IsNumeric('99,999')?"Pass":"Fail") + ": IsNumeric('99,999') => false\n";
    results += (!IsNumeric('0x89f')?"Pass":"Fail") + ": IsNumeric('0x89f') => false\n";
    results += (!IsNumeric('#abcdef')?"Pass":"Fail") + ": IsNumeric('#abcdef') => false\n";
    results += (!IsNumeric('1.2.3')?"Pass":"Fail") + ": IsNumeric('1.2.3') => false\n";
    results += (!IsNumeric('')?"Pass":"Fail") + ": IsNumeric('') => false\n";
    results += (!IsNumeric('blah')?"Pass":"Fail") + ": IsNumeric('blah') => false\n";

    return results;
}

Pożyczyłem ten regex z http://www.codetoad.com/javascript/isnumeric.asp. Wyjaśnienie:

/^ match beginning of string
-{0,1} optional negative sign
\d* optional digits
\.{0,1} optional decimal point
\d+ at least one digit
$/ match end of string
Komentarze (3)

Chciałbym dodać, co następuje:

1. IsNumeric('0x89f') => true
2. IsNumeric('075') => true

Dodatnie liczby heksadecymalne zaczynają się od 0x, a ujemne liczby heksadecymalne zaczynają się od -0x. Dodatnie liczby oct zaczynają się od 0, a ujemne liczby oct zaczynają się od -0. Ten bierze pod uwagę większość z tego, co już zostało wspomniane, ale zawiera liczby heksadecymalne i ósemkowe, ujemne liczby naukowe, nieskończoność i usunął dziesiętne liczby naukowe (4e3.2 nie jest ważne).

function IsNumeric(input){
  var RE = /^-?(0|INF|(0[1-7][0-7]*)|(0x[0-9a-fA-F]+)|((0|[1-9][0-9]*|(?=[\.,]))([\.,][0-9]+)?([eE]-?\d+)?))$/;
  return (RE.test(input));
}
Alexander Elgin
Edytowana odpowiedź 5. stycznia 2018 в 1:02
Komentarze (1)

Kilka testów do dodania:

IsNumeric('01.05') => false
IsNumeric('1.') => false
IsNumeric('.') => false

Wymyśliłem to:

function IsNumeric(input) {
    return /^-?(0|[1-9]\d*|(?=\.))(\.\d+)?$/.test(input);
}

Rozwiązanie obejmuje:

  • opcjonalny znak ujemny na początku
  • Pojedyncze zero, jedną lub więcej cyfr nie zaczynających się od 0, lub nic, o ile po nich następuje kropka.
  • Kropkę, po której następuje 1 lub więcej cyfr.
Peter Mortensen
Edytowana odpowiedź 25. maja 2011 в 9:25
Komentarze (0)