für input type=”number”, wie man den Standardwert auf 0 setzt

Lesezeit: 2 Minuten

Benutzer-Avatar
NiksJ

Wie kann für ein Textfeld, das Zahlen wie unten gezeigt akzeptiert, der Standardwert auf 0 gesetzt werden?

<input name="smtpPort" type="number" id="smtpPort" size="30" maxlength="50" class="input-full" tabindex="4" value="{{model.PortNumber}}">

Obwohl der Wert in DB null ist, wird im Textfeld immer noch 0 angezeigt.

Jede Hilfe wäre willkommen.

  • Sie möchten also den Wert im Feld auf 0 setzen, wenn die DB einen NULL-Wert hat?

    – Eduard Uta

    21. Januar 2016 um 13:45 Uhr

  • Sie möchten den Wert in der DB fixieren oder den in der Textbox angezeigten Wert fixieren?

    – und ich

    21. Januar 2016 um 14:09 Uhr

HTML-Attribut zum Festlegen eines Standardwerts ist value:

<input type="number" value="1">

Sie setzen diesen Standardwert auf nullund nichts (in HTML) kann es auf Null (oder irgendetwas anderes) ändern.
Sie müssen den Wert in Ihrer Datenbank oder in Ihrer Vorlagen-Engine (so etwas wie {{model.PortNumber || 0}}).

Zumindest können Sie erzwingen, dass Ihr Feld gefüllt wird required Attribut:

<input type="number" required value="">

  • Vielen Dank an alle. Das hat bei mir funktioniert.

    – NiksJ

    22. Januar 2016 um 4:32 Uhr


Benutzer-Avatar
kravits88

<input name="smtpPort" type="number" id="smtpPort" size="30" maxlength="50" class="input-full" tabindex="4" value="{{model.PortNumber || 0}}">

Ich nehme an, Sie verwenden AngularJS.

  • Irgendeine Idee, wie man in React js vorgeht?

    – Hema Nandagopal

    17. November 2020 um 18:18 Uhr

  • @HemaNandagopal eine Lösung in React js?

    – Kowsigan Atsayam

    6. August 2021 um 10:09 Uhr

  • @KowsiganAtsayam: Ja, ich versuche, einen Zustand mit einem Anfangswert wie diesem einzustellen stackoverflow.com/questions/40201501/…

    – Hema Nandagopal

    14. August 2021 um 8:54 Uhr

Der richtige Weg sollte sein, den Wert vor dem Senden an die Vorlage zu korrigieren. Wenn Sie jedoch immer noch darauf bestehen, dies im Frontend zu tun, können Sie es auch mit versuchen || Operator in Ihrem AngularJS-Frontend.

<input name="smtpPort" type="number" id="smtpPort" size="30" maxlength="50" class="input-full" tabindex="4" value="{{model.PortNumber || 0}}">

1144950cookie-checkfür input type=”number”, wie man den Standardwert auf 0 setzt

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy