Heim > Artikel > Web-Frontend > So implementieren Sie die Funktion zur Eingabe von nur zwei Dezimalstellen in Javascript
Methode: 1. Fügen Sie die Anweisung „oninput="value=value.toString().match(/^d+(?:.d{0,2})?/)" im Eingabe-Tag hinzu. 2. Binden Sie das onimput-Ereignis an das Eingabe-Tag und verwenden Sie reguläre Ausdrücke in der Verarbeitungsfunktion.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
Javascript beschränkt das Eingabefeld auf die Eingabe von Zahlen mit zwei Dezimalstellen
Methode 1:
<input type="number" oninput="value=value.toString().match(/^\d+(?:\.\d{0,2})?/)">
Es können nur zwei Dezimalstellen eingegeben werden.
Methode 2: Binden Sie das onimput-Ereignis an das Eingabe-Tag. Verwenden Sie in der Ereignisverarbeitungsfunktion reguläre Ausdrücke, um Code eins zu implementieren:
<input type="number" id="put" > <script type="text/javascript"> var vv = ""; document.getElementById("put").oninput=function(){ var val = this.value.replace(/\./,""); var valArr=this.value.split('.'); if((/\D/g).test(val)||valArr.length>2||valArr.length>1&&Number(valArr[1])>99){ this.value=vv; } } </script>
Code zwei:
<input type="number" id="put"> <script type="text/javascript"> var vv = ""; document.getElementById("put").oninput=function(){ if(!(/^\d+(.\d{0,2})?$/).test(this.value)){ this.value=vv; } vv.this.value; return false; } </script>
【 Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene
】Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Funktion zur Eingabe von nur zwei Dezimalstellen in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!