Überprüfen Sie, ob es sich bei der Eingabe um Zahlen- oder Buchstaben-Javascript handelt

Ich verwende Formulare in HTML und Javascript. Ich möchte, dass eine Warnung nur angezeigt wird, wenn der Benutzer einen BRIEF eingibt und klickt submit.

Also habe ich den HTML-Code:

<form name="myForm" action="" onsubmit="return checkInp()" method="post">
    First name: <input type="text" name="age">
<input type="submit" value="Submit">   

Und der Javascript-Code:

function checkInp()
{
var x=document.forms["myForm"]["age"].value;
if (x consists of any letters) // this is the code I need to change
{
alert("Must input numbers");
return false;
}
}

Mit der Funktion isNaN können Sie feststellen, ob ein Wert nicht in eine Zahl konvertiert wird. Beispiel wie folgt:

function checkInp()
{
  var x=document.forms["myForm"]["age"].value;
  if (isNaN(x)) 
  {
    alert("Must input numbers");
    return false;
  }
}

Verwenden Sie den regulären Ausdruck , um nur Buchstaben zuzuordnen. Es ist auch gut, Kenntnisse darüber zu haben, ob Sie jemals etwas Komplizierteres tun müssen, z. B. sicherstellen, dass es sich um eine bestimmte Anzahl von Zahlen handelt.

function checkInp()
{
    var x=document.forms["myForm"]["age"].value;
    var regex=/^[a-zA-Z]+$/;
    if (!x.match(regex))
    {
        alert("Must input string");
        return false;
    }
}

Noch besser wäre es, alles andere als Zahlen zu leugnen:

function checkInp()
{
    var x=document.forms["myForm"]["age"].value;
    var regex=/^[0-9]+$/;
    if (x.match(regex))
    {
        alert("Must input numbers");
        return false;
    }
}

Sie können die isNaN- Funktion verwenden. Es gibt true zurück, wenn die Daten keine Zahl sind. Das wäre so etwas:

function checkInp()
{
    var x=document.forms["myForm"]["age"].value;
    if (isNaN(x)) // this is the code I need to change
    {
        alert("Must input numbers");
        return false;
    }
}

Hinweis: isNan betrachtet 10.2 als gültige Nummer.

Finden Sie einfach den Rest durch Teilen durch 1, dh x% 1. Wenn der Rest 0 ist, bedeutet dies, dass x eine ganze Zahl ist. Andernfalls müssen Sie die Meldung "Zahlen müssen eingegeben werden" anzeigen. Dies funktioniert auch bei Zeichenfolgen, Dezimalzahlen usw.

function checkInp()
{
    var x = document.forms["myForm"]["age"].value;
    if ((x%1) != 0) 
    {
        alert("Must input numbers");
        return false;
    }
}

Sie können isNaN () verwenden. Es gibt true zurück, wenn die Daten keine Zahl sind.

var data = 'hello there';
if(isNaN(data)){
  alert("it is not number");
}else {
  alert("its a valid number");
}

Ich weiß, dass dieser Beitrag alt ist, aber es war der erste, der auftauchte, als ich eine Suche durchführte. Ich habe @Kim Kling RegExp ausprobiert, aber es ist kläglich gescheitert. Auch bevor ich dieses Forum gefunden habe, habe ich fast alle anderen hier aufgeführten Variationen ausprobiert. Am Ende funktionierte keiner von ihnen außer dem, den ich geschaffen hatte; es funktioniert gut und es ist es6:

    const regex = new RegExp(/[^0-9]/, 'g');
    const x = document.forms["myForm"]["age"].value;

    if (x.match(regex)) {
       alert("Must be a valid number");
       return;
    }
   

Versuche dies:

if(parseInt("0"+x, 10) > 0){/* x is integer */}

Ein besserer (fehlerfreier) Code wäre wie folgt:

function isReallyNumber(data) {
    return typeof data === 'number' && !isNaN(data);
}

Dies behandelt auch leere Zeichenfolgen. Ein weiterer Grund, der isNaN("12")gleich ist, falseaber "12"eine Zeichenfolge und keine Zahl ist, sollte sich ergeben true. Zum Schluss noch ein Bonuslink, der Sie interessieren könnte.

Ich denke, am einfachsten wäre es, ein NumberObjekt mit der Zeichenfolge zu erstellen und mit Hilfe der isIntegervon der NumberKlasse selbst bereitgestellten Funktion zu überprüfen, ob dies der Fall ist .

Number.isInteger(Number('1')) //true
Number.isInteger(Number('1 mango')) //false
Number.isInteger(Number(1)) //true
Number.isInteger(Number(1.9)) //false

Der beste und modernste Weg ist typeof (variabel), wenn Sie sich für reelle Zahlen interessieren, nicht für Zahlen aus Zeichenfolgen. Zum Beispiel:

var a = 1;
var b = '1';

typeof a: // Output: "number"
typeof b: // Output: "string

Danke, ich habe heute die Antwort @ str8up7od verwendet, um eine Funktion zu erstellen, die auch prüft, ob die Eingabe leer ist:

    function is_number(input) {
        if(input === '')
            return false;
        let regex = new RegExp(/[^0-9]/, 'g');
        return (input.match(regex) === null);
    }