ajouter espace dans un input

**jeepibmx** · 10/07/2008, 16h44

Bonjour, j'aimerais savoir comment faire pour ajouter un espace dans un input sans effacer le reste du texte merci

**SpaceFrog** · 10/07/2008, 16h45

appuie sur la barre espace ?

ou alors explique un peu mieux ta demande ?

**jeepibmx** · 10/07/2008, 16h50

loll

je veux mettre le numéro d'une carte de crédit 0000 0000 0000 0000 sans que l'utilisateur ai à appuyer sur espace.

1231 (function qui fais espace) 1231 etc..

**jbrasselet** · 10/07/2008, 16h55

tu peux utiliser une fonction sur le onkeypress qui regarde si tu es au Nième chiffre et ajouter un espace à ta chaine de caractère avant d'ajouter le chiffre suivant

**SpaceFrog** · 10/07/2008, 16h57

utilises plutot le principe decrit dans ce post pour les numéros de téléphone :

http://www.developpez.net/forums/sho...ight=telephone

**jeepibmx** · 10/07/2008, 17h00

j'ai un onkeypress sur mon input
le concat fonctionne juste si je met une valeur, un espace fonctionne pas

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function CardSpace(){
	champ = document.forms['formulaire'].txtNoCarte.value;
	if (champ.length == 4){
		document.forms['formulaire'].txtNoCarte.value = champ.concat("")
	}
}

//PS pas encore optimisé

**Bovino** · 10/07/2008, 17h11

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms['formulaire'].txtNoCarte.value = champ.concat("")

Oui, mais si tu veux ajouter un espace, il vaut mieux le mettre !!!

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.forms['formulaire'].txtNoCarte.value += " ";

**jeepibmx** · 10/07/2008, 17h14

et voila, exactement ce que je cherchais merci !

tant qua être la, j'ai ceci comme regex pour valider si s'est un nombre

var reg = new RegExp("[^0-9]", "i");

savez vous comment faire pour qu'il accept les espace ?

**SpaceFrog** · 10/07/2008, 17h28

\s

**SpaceFrog** · 10/07/2008, 17h42

Pour le fun:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<script type='text/javascript'>
 
function formatte(obj,group){
var regspace=/(\s)/g;
tempString=obj.value.replace(regspace,'')
var reg=/([\d]{5})/g
var regend=/\s$/
if (tempString.length>5){
obj.value=tempString.replace(reg,"$1 ").replace(regend,'')
}
}
</script>
 
</head>
 
<body>
<input id="moninput" type='text' onkeyup='formatte(this,5)' />
 
</body>
</html>

Edité suite à un souci sur le del arrière

**jeepibmx** · 10/07/2008, 17h51

merci !

ajouter espace dans un input

JavaScript

Discussions similaires

Partager

Partager