Wie beschränke ich die HTML-Texteingabe nur auf numerische Werte?

So erlauben Sie nur numerische Eingaben in HTML-Texteingabefeldern

Man kann die setInputFilter-Funktion von JavaScript nutzen, um Benutzereingaben in Texteingabefeldern auf zu beschränken Numerische Zeichen und Dezimalpunkte ('.'):

function setInputFilter(textbox, inputFilter, errMsg) {
    ["input", "keydown", "keyup", "mousedown", "mouseup", "select", "contextmenu", "drop", "focusout"].forEach(function (event) {
        textbox.addEventListener(event, function (e) {
            if (inputFilter(this.value)) {
                if (["keydown", "mousedown", "focusout"].indexOf(e.type) >= 0) {
                    this.classList.remove("input-error");
                    this.setCustomValidity("");
                }

                this.oldValue = this.value;
                this.oldSelectionStart = this.selectionStart;
                this.oldSelectionEnd = this.selectionEnd;
            } else if (this.hasOwnProperty("oldValue")) {
                this.classList.add("input-error");
                this.setCustomValidity(errMsg);
                this.reportValidity();
                this.value = this.oldValue;
                this.setSelectionRange(this.oldSelectionStart, this.oldSelectionEnd);
            } else {
                this.value = "";
            }
        });
    });
}

Um die numerische Eingabe zu erzwingen, verwenden Sie Folgendes Filter:

setInputFilter(document.getElementById("myTextBox"), function (value) {
    return /^\d*\.?\d*$/.test(value); 
});

Dieser Filter validiert Eingaben anhand des regulären Ausdrucks ^d*.?d*$, der Zeichenfolgen akzeptiert, die nur Ziffern, Dezimalpunkte oder eine Kombination aus beidem enthalten.

Das obige ist der detaillierte Inhalt vonWie beschränke ich die HTML-Texteingabe nur auf numerische Werte?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!