So beschränken Sie das Eingabefeld in HTML auf die Eingabe reiner Zahlen

So beschränken Sie das Eingabefeld in HTML auf die Eingabe reiner Zahlen

Beschränken Sie input Eingabefeld auf reine Zahlen

1、onkeyup = "value=value.replace(/[^\d]/g,'')"

Bei der Verwendung des Ereignisses onkeyup tritt bug auf. Wenn Sie bei der chinesischen Eingabemethode ein chinesisches Zeichen eingeben und dann die Eingabetaste drücken, wird der Buchstabe direkt eingegeben.

2、onchange = "value=value.replace(/[^\d]/g,'')"

Wenn Sie onchange -Ereignis verwenden, wird das Ergebnis nach der Eingabe von Inhalten erst abgerufen, wenn input den Fokus verliert, und es erfolgt keine Reaktion bei der Eingabe.

3、oninput = "value=value.replace(/[^\d]/g,'')"

Die Verwendung oninput Ereignisses löst die beiden oben genannten Probleme perfekt und im Test sind bisher keine weiteren Probleme aufgetreten.

Codebeispiel

<!DOCTYPE html>
<html lang="de">
<Kopf>
    <meta charset="UTF-8" />
    <title>Eingabe</title>
</Kopf>
<Text>
    Ein Eingabefeld, in das nur reine Zahlen eingegeben werden können: <input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">
</body>
</html>

Dies ist das Ende dieses Artikels darüber, wie Sie das Eingabefeld in HTML auf die Eingabe reiner Zahlen beschränken können. Weitere relevante HTML-Inhalte zum Beschränken der Eingabe auf Zahlen finden Sie in den vorherigen Artikeln von 123WORDPRESS.COM oder in den folgenden verwandten Artikeln. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen!

<<:  Detaillierte Erläuterung der Rolle von overflow:hidden (Überlauf verbergen, Floats löschen, Randkollaps beheben)

>>:  Ein Beispiel für die Implementierung einer einfachen Fingerklick-Animation mit CSS3 Animation

Artikel empfehlen

Zusammenfassung der allgemeinen Quellkonfiguration von Spiegelbildern für Linux-Distributionen

Ich habe mich kürzlich mit Linux beschäftigt und ...

HTML-Tutorial: Sammlung häufig verwendeter HTML-Tags (5)

Verwandte Artikel: Anfänger lernen einige HTML-Ta...

MySQL 8.0.11 Installationshandbuch für Mac

MAC installiert mysql8.0, der spezifische Inhalt ...

Was bedeutet es, nach der CSS-Linkadresse ein Fragezeichen (?) hinzuzufügen?

Zum Beispiel: <link rel="stylesheet" ...

Detaillierte Erklärung der Lösung zum doppelten Einfügen von MySQL-Primärschlüssel und eindeutigem Schlüssel

Inhaltsverzeichnis Lösung: 1. IGNORIEREN 2. ERSET...

Eine kurze Diskussion über HTML-Titel, Absätze, Zeilenumbrüche, horizontale Linien und Sonderzeichen

Titel XML/HTML-CodeInhalt in die Zwischenablage k...

Beispiel zum Ändern von Stilen über CSS-Variablen

Frage Wie ändere ich den CSS-Pseudoklassenstil mi...

Bild-Tag für HTML-Webseite

Bild-Tag <IMG> einfügen Die farbenfrohen Web...

Analysieren Sie den Unterschied zwischen den Methoden querySelector und getElementById in JavaScript

Inhaltsverzeichnis 1. Übersicht 1.1 Verwendung vo...

CSS3 + Bézierkurve zum Erzielen eines skalierbaren Eingabesuchfeldeffekts

Und hier nun ohne weitere Umschweife die Renderin...

Lösungen für Probleme bei der Verwendung von addRoutes in Vue-Projekten

Inhaltsverzeichnis Vorwort 1. 404 Seite 1. Ursach...

Pessimistisches Sperren und optimistisches Sperren in MySQL

In relationalen Datenbanken sind pessimistisches ...

Freigabe der Schritte zum SVN-Dienstsicherungsvorgang

Schritte zur Sicherung des SVN-Dienstes 1. Quells...

SQL-Anweisungen in MySQL verwenden keine Indizes

MySQL-Abfrage ohne Verwendung der Indexaggregatio...

js genaue Berechnung

var numA = 0,1; var numB = 0,2; Alarm (Zahl A + Z...