Comment ajouter des zéros non significatifs en JavaScript ?

Réponses rédigées par Antoine
Dernière mise à jour : 2020-10-16 21:21:09
Thèmes : webmaster - javascript
Question

Comment puis-je ajouter des zéros non significatifs dans le champ d'un formulaire en JavaScript ? Je voudrais par exemple que lorsqu'on saisit 3 cela affiche 003, et si on saisit 33 cela affiche 033.

Réponse

Pour ajouter des zéros non significatifs, vous pouvez utiliser la propriété JavaScript length, puis concaténer les zéros non significatifs nécessaires.

Dans l'exemple ci-dessous on compte le nombre de chiffres avec la propriété length puis on concatène les zéros non significatifs nécessaires avec le caractère +.

Remarque : Vous devez entourer les zéros avec de simples quotes car sinon vous additionnerez les chiffres à défaut de les concaténer.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Comment ajouter des zéros non significatifs en JavaScript ?</title>
</head>
<body>
<input type="text" value="" onfocusout="zeroNonSignificatif(this);">
<script>
function zeroNonSignificatif(input) {
if(!isNaN(input.value) && input.value.length === 1) {
  input.value = '00' + input.value;
}
if(!isNaN(input.value) && input.value.length === 2) {
  input.value = '0' + input.value;
}
}
</script>
</body>
</html>