Transformer les caractères automatiquement d'un champ de formulaire

**yesnie** · 02/06/2010, 15h22

Bonjour,

J'ai repris un script qui me permet de remplacer les espaces par des tirets dans un champs de formulaire. cf code ci-dessous. Ce champs est très pratique car je l'utiliser pour rewriter mes URL.
J'aimerais également pouvoir remplacer les caractères à accents par des caractères sans accent qu'un é,è soit remplacer par automatiquement par un e. Avez vous une idée de comment je pourrais compléter ce code ?

Merci d'avance !
++

**SpaceFrog** · 02/06/2010, 15h47

perso je le ferais sur le onkeyup avec un replace sur une regExp ...
c'est plus clair ...

en m'inspirant d'un code déja proposé sur le forum:

Code :

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

1
2
3
4
5
6
7
8
9
10
<script type="text/javascript">
chaine="à ä a"
myarray={'à':'a','ä':'a',' ':'-'};
 
 
function foo(){
 return chaine.replace(/./g, function($0){return (myarray[$0])?myarray[$0]:$0 })
}
alert(foo(chaine))
</script>

a toi de compléter l'array des remplacements ...

**yesnie** · 02/06/2010, 16h46

Merci pour cette info. Mais cela va modifier dans tous les champs de la page ? ou uniquement su mon champ intitulé V1 ?

**SpaceFrog** · 02/06/2010, 16h58

appelle la fonction su le onkeyup et onmouseup des champs souhaités comme ceci:

Code :

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

onkeyup='this.value=foo(this.value)' onmouseup='this.onkeyup()'

**yesnie** · 10/06/2010, 12h10

Bonjour,

Je viens d'insérer ton script.
Mais cela n'a pas l'air de fonctionner : lorsque j'ouvre ma page j'ai une boite de dialogue qui s'affiche dans laquelle est inscrite "a-a-a". Je clic sur OK

Lors que je rempli mon formulaire, dans le champ qui devrait transformer les caractères, le texte entré est instantanément remplacé par "a-a-a"

Sais tu d'où cela pourrais provenir ?
Merci d'avance.

**SpaceFrog** · 10/06/2010, 12h15

c'était un exemple

il faut bien entendu modifier les paramètres de la fonction et son return ...

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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
 
<title>Nouvelle page 1</title>
<script type="text/javascript">
// chaine="à ä a"   <= ligne inutile à supprimer ;-)
myarray={'à':'a','ä':'a',' ':'-'};
 function foo(val){
 return val.replace(/./g, function($0){return (myarray[$0])?myarray[$0]:$0 })
}
</script>
</head>
<body>
<input type='text' onkeyup='this.value=foo(this.value)' onmouseup='this.onkeyup()' value='' />
</body>
</html>

**yesnie** · 10/06/2010, 13h59

Merci.
Ca fonctionne niquel !

Par contre comment faire pour remplacer une apostrophe ' ?

Merci !!!

**RomainVALERI** · 10/06/2010, 14h01

Pour compléter l'excellente solution de SF, tu peux maintenant :

- compléter la liste des remplacements, en conservant la syntaxe 'clef':'valeur' :

Code javascript :

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

myarray={'à':'a','ä':'a',' ':'-','autre caractère à remplacer':'nouveau caractère'};

...ce qui donne pour pour une apostrophe (suite à ta question) :

Code javascript :

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

myarray={'\'':'autre chose'};

- et retirer la ligne

Code javascript :

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

chaine="à ä a"

qui a été oubliée là par inadvertance...

Transformer les caractères automatiquement d'un champ de formulaire

JavaScript

Vue hybride

Discussions similaires

Partager

Partager