Maison  >  Article  >  interface Web  >  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

青灯夜游
青灯夜游original
2021-09-09 15:08:016933parcourir

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

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>

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>

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!

Déclaration:
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