Heim > Web-Frontend > js-Tutorial > Wie kann ich eine HTML-Texteingabe so beschränken, dass nur numerische Werte (und ein Dezimalpunkt) akzeptiert werden?

Wie kann ich eine HTML-Texteingabe so beschränken, dass nur numerische Werte (und ein Dezimalpunkt) akzeptiert werden?

Linda Hamilton
Freigeben: 2024-12-28 18:38:14
Original
959 Leute haben es durchsucht

How Can I Restrict an HTML Text Input to Only Accept Numeric Values (and a Decimal Point)?

Wie kann ich eine HTML-Texteingabe so einstellen, dass nur numerische Eingaben (plus '.') zulässig sind?

JavaScript

Sie können den setInputFilter verwenden Funktion zum Installieren eines Eingabefilters:

setInputFilter(document.getElementById("myTextBox"), function(value) {
  return /^\d*\.?\d*$/.test(value); // Allow digits and '.' only, using a RegExp.
}, "Only digits and '.' are allowed");
Nach dem Login kopieren

Diese Funktion schränkt die Eingabewerte eines Textes ein zur angegebenen inputFilter-Funktion. Es unterstützt Kopieren, Einfügen, Drag & Drop, Tastaturkürzel, Kontextmenüoperationen, nicht schreibbare Tasten, die Caret-Position, verschiedene Tastaturlayouts, Gültigkeitsfehlermeldungen und alle Browser seit IE 9.

Hinweis: Sie müssen aus Sicherheitsgründen weiterhin eine serverseitige Validierung durchführen!

Das obige ist der detaillierte Inhalt vonWie kann ich eine HTML-Texteingabe so beschränken, dass nur numerische Werte (und ein Dezimalpunkt) akzeptiert werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage