Maison > interface Web > js tutoriel > Comment implémenter la fonction de saisie de seulement deux décimales en javascript

Comment implémenter la fonction de saisie de seulement deux décimales en javascript

青灯夜游
Libérer: 2023-01-11 09:18:59
original
7044 Les gens l'ont consulté

Méthode : 1. Ajoutez l'instruction "oninput="value=value.toString().match(/^d+(?:.d{0,2})?/)" dans la balise d'entrée. 2. Liez l'événement onimput à la balise d'entrée et utilisez des expressions régulières dans la fonction de traitement.

Comment implémenter la fonction de saisie de seulement deux décimales en javascript

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

javascript limite la zone de saisie à la saisie uniquement de nombres avec deux décimales

Méthode 1 :

<input type="number" oninput="value=value.toString().match(/^\d+(?:\.\d{0,2})?/)">
Copier après la connexion

Comment implémenter la fonction de saisie de seulement deux décimales en javascript

Seules deux décimales peuvent être saisies.

Méthode 2 : Liez l'événement onimput à la balise d'entrée. Dans la fonction de traitement d'événement, utilisez des expressions régulières pour

implémenter le code un :

<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>
Copier après la connexion

Comment implémenter la fonction de saisie de seulement deux décimales en javascript

implémenter le code deux :

<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>
Copier après la connexion

Comment implémenter la fonction de saisie de seulement deux décimales en javascript

【 Apprentissage recommandé : Tutoriel avancé javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal