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

青灯夜游
青灯夜游Original
2021-09-09 15:08:017006Durchsuche

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})?/)">

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>


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>

【 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!

Stellungnahme:
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