So stellen Sie JQuery so ein, dass nur Zahlen eingegeben werden

In jquery können Sie die Methode „replace()“ und reguläre Ausdrücke verwenden, um nur Zahlen festzulegen. Die Methode „replace()“ wird verwendet, um einen Teilstring zu ersetzen, der mit dem regulären Ausdruck übereinstimmt angezeigt werden. Die Syntax lautet: „Specify element object.val().replace(/[^d]/g,““).

Die Betriebsumgebung dieses Tutorials: Windows10-System, JQuery3.2.1-Version, Dell G3-Computer.

So richten Sie jQuery so ein, dass nur Zahlen eingegeben werden.

Einige Eingabetextfelder müssen nur anhand regulärer Ausdrücke beurteilt werden Ist keine Zahl, wird sie nicht eingegeben. Schauen wir uns an, wie man jq so einstellt, dass nur Zahlen eingegeben werden.

Syntax:

$('input').on('input propertychange', function(e) {
var text = $(this).val().replace(/[^\d]/g, "");
$(this).val(text)   
})

Erstellen Sie eine neue HTML-Datei.

Erstellen Sie ein Eingabefeld in der HTML-Datei und legen Sie dann die Größe des Eingabefelds fest.

Code:

Führen Sie die Datei jquery.min.js ein.

Code:

Verwenden Sie reguläre Ausdrücke, um den vom Benutzer jedes Mal eingegebenen Inhalt zu bestimmen. Wenn der Inhalt keine Zahl ist, wird er nicht angezeigt.

Code:

<script>
$(function(){
$(&amp;#39;input&amp;#39;).on(&amp;#39;input propertychange&amp;#39;, function(e) {
var text = $(this).val().replace(/[^\d]/g, &quot;&quot;);
$(this).val(text)   
})
})
</script>

Wie im Bild gezeigt:

Öffnen Sie die HTML-Datei nach dem Speichern in einem geeigneten Browser zum Testen. Es wurde festgestellt, dass die Eingabe nicht numerischer Inhalte nicht im Textfeld angezeigt werden kann. Wie im Bild gezeigt:

Kopieren Sie einfach den gesamten Code und fügen Sie ihn in die neue HTML-Datei ein. Nach dem Speichern können Sie den Effekt sehen.

Alle Codes:

<script>
$(function(){
$(&amp;#39;input&amp;#39;).on(&amp;#39;input propertychange&amp;#39;, function(e) {
var text = $(this).val().replace(/[^\d]/g, &quot;&quot;);
$(this).val(text)   
})
})
</script>

Empfohlene verwandte Video-Tutorials: jQuery-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo stellen Sie JQuery so ein, dass nur Zahlen eingegeben werden. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!