Heim > Web-Frontend > js-Tutorial > So implementieren Sie die Funktion zur Eingabe von nur zwei Dezimalstellen in Javascript

So implementieren Sie die Funktion zur Eingabe von nur zwei Dezimalstellen in Javascript

青灯夜游
Freigeben: 2023-01-11 09:18:59
Original
7005 Leute haben es durchsucht

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.

So implementieren Sie die Funktion zur Eingabe von nur zwei Dezimalstellen in Javascript

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})?/)">
Nach dem Login kopieren

So implementieren Sie die Funktion zur Eingabe von nur zwei Dezimalstellen in Javascript

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(&#39;.&#39;);
	if((/\D/g).test(val)||valArr.length>2||valArr.length>1&&Number(valArr[1])>99){
		this.value=vv;
	}
}
</script>
Nach dem Login kopieren


Code zwei: So implementieren Sie die Funktion zur Eingabe von nur zwei Dezimalstellen in Javascript

<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>
Nach dem Login kopieren

【 Empfohlenes Lernen: So implementieren Sie die Funktion zur Eingabe von nur zwei Dezimalstellen in JavascriptJavascript-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!

Verwandte Etiketten:
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage