Entfernen Sie führende Nullen input type=Zahl
Bemerkte ich, dass wenn ich <input type="number" />
die führenden Nullen werden nicht entfernt. Ich sah auch eine große Diskussion darüber, wie halten führenden Nullen.
Beispielsweise "000023" und "23" sind die gleiche Anzahl und ich denke, dass es nicht sinnvoll ist, halten diese Nullen.
- Was ist es, Sie versuchen tatsächlich zu tun?
- Da ich noch einen Eingang enthält, eine Menge, so ist besser, um es anzuzeigen, ohne führende Nullen.
- Und was ist das problem, das Sie konfrontiert? So entfernen Sie die führenden Nullen oder zu hinterfragen, ob es sinnvoll ist, es zu verlassen, die führenden Nullen in der Anzeige?
Du musst angemeldet sein, um einen Kommentar abzugeben.
nur einen regulären Ausdruck verwenden, wie dies
+'00022'.toString()
Werde ich Ihnen ein Beispiel mit reagieren Verwendung. Es nutzt
state
dem speichern wird der Wert des Feldes. Aber, ich denke, u können, ersetzen Sie ihn durch beliebige variable, die Sie mögen.<input type='number' value={Number(this.state.myNumber).toString()}/>
In meinem Fall
myNumber
speichert eine Jahreszahl. Diese Art, das Jahr2018
(zum Beispiel) nicht angezeigt werden fälschlicherweise als02018
.Html input-tags immer wieder Texte, die nicht zahlen, auch Ihr Inhalt kann genötigt zu numerischen format, Termine, etc...
Also, als Nächstes sollten Sie zu konvertieren, dass die Eingabe der tatsächlichen Anzahl format:
+'00022'.toString()
funktionieren würdeparseInt
ohne Angabe einesradix
parseInt
. Im Gegensatz zuparseInt
bei Verwendung+
oderNumber
keineradix
ist notwendig, da die interne Nummer Konvertierung wird nicht analysiert oktale zahlen.parseInt
: Obwohl entmutigt durch die ECMAScript 3 und verboten, die von ECMAScript 5, viele Implementierungen interpretieren eine numerische Zeichenfolge, beginnend mit einer führenden 0 als oktal. Im folgenden kann ein oktal-Ergebnis, oder es kann eine dezimale Ergebnis. Geben Sie immer einen radix zu vermeiden, dieses unzuverlässige Verhalten.HTML5 hat
<input type="tel">
für diesen ZweckKönnen Sie versuchen, diese.
Versuchen Sie dies :
Schritt hinzufügen="any", um Ihre input-tag.
wenn dies nicht funktioniert, auf Ihrem browser, ändern Sie den Typ zu Typ="tel"