Wie man type="number" auf positive Zahlen beschränkt

Question

Derzeit habe ich den folgenden Code

es kommt so etwas heraus

Die kleinen Auswahlpfeile rechts erlauben es, negative Zahlen einzugeben. Wie kann ich das verhindern?

Ich habe Zweifel, ob ich type="number" verwenden soll, es verursacht mehr Probleme, als es löst. Ich werde es trotzdem überprüfen, sollte ich einfach wieder zu type="text" zurückkehren?

Answer 1

Fügen Sie ein min Attribut hinzu

Answer 2

Ich habe eine weitere Lösung gefunden, um negative Zahlen zu verhindern.

Answer 3

Es hängt davon ab, wie genau du sein möchtest. Wenn du nur Ganzzahlen akzeptieren möchtest, dann:

Wenn du Floats mit, zum Beispiel, zwei Stellen nach dem Dezimalpunkt möchtest:

Answer 4

Sie können erzwingen, dass die Eingabe nur positive ganze Zahlen enthält, indem Sie onkeypress innerhalb des input-Tags hinzufügen.

Hier stellt event.charCode >= 48 sicher, dass nur Zahlen größer oder gleich 0 zurückgegeben werden, während das min-Tag sicherstellt, dass Sie durch Scrollen innerhalb der Eingabeleiste auf einen Mindestwert von 1 kommen können.

Answer 5

Sie können negative Eingaben in eine positive Zahl umwandeln, indem Sie folgendes tun: