ajouter espace dans un input

Version imprimable

10/07/2008, 16h44
jeepibmx

ajouter espace dans un input

Bonjour, j'aimerais savoir comment faire pour ajouter un espace dans un input sans effacer le reste du texte merci
10/07/2008, 16h45
SpaceFrog

appuie sur la barre espace ?

ou alors explique un peu mieux ta demande ?
10/07/2008, 16h50
jeepibmx

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..
10/07/2008, 16h55
jbrasselet

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
10/07/2008, 16h57
SpaceFrog

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

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

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

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é :P

10/07/2008, 17h11
Bovino

Code:

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

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

Code:

document.forms['formulaire'].txtNoCarte.value += " ";
10/07/2008, 17h14
jeepibmx

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 ? :P
10/07/2008, 17h28
SpaceFrog

\s

Pour le fun:

Code:

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

10/07/2008, 17h51
jeepibmx

merci !:king:

Fuseau horaire GMT +2. Il est actuellement 17h02.