Supprimer voyelles et espaces dans une <input> [Résolu]
Tri4L
Modérateur Dernière intervention
18 janvier 2019
- 3 avril 2018 à 16:13
- Messages postés
- 9
- Date d'inscription
- mardi 3 avril 2018
- Dernière intervention
- 20 avril 2018
- Messages postés
- 14339
- Date d'inscription
- lundi 11 juillet 2005
- Statut
A voir également:
- Javascript supprimer espace
- Supprimer espace javascript - Meilleures réponses
- Supprime une voyelle - Meilleures réponses
- Javascript : Supprimer les espaces multiples - CodeS SourceS - Guide
- Javascript : Supprimer les espaces dans un champ texte - CodeS SourceS - Guide
- Vb.net supprimer espace dans string avec gyrophare ! - Codes sources - Visual Basic / VB.NET (Texte)
- Supprimer espaces d'une cellule ✓ - Forum - Visual Basic 6
- SQL : supprimer espaces intuiles d'un champ SQL ✓ - Forum - SQL
3 réponses
Meilleure réponse
- Messages postés
- 14339
- Date d'inscription
- lundi 11 juillet 2005
- Statut
Bonjour,
Alors, t'aider, oui, ça doit être faisable. Par contre, faire le travail à ta place, non ;)
Alors, t'aider, oui, ça doit être faisable. Par contre, faire le travail à ta place, non ;)
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
98 internautes nous ont dit merci ce mois-ci
- Messages postés
- 14339
- Date d'inscription
- lundi 11 juillet 2005
- Statut
Il te faut quelques bases en Javascript, oui: variables et fonctions.
Ensuite, il faudra répondre à la question suivante: "comment récupérer le contenu d'un input ?"
Puis, celle-ci: "comment supprimer des caractères d'une chaine de caractère ?"
Et enfin: "que faire avec le résultat ?"
Pour répondre aux 2 premières questions, quelques petites recherches rapides t'aideront. Pour la dernière, à toi d'y répondre ;)
Ensuite, il faudra répondre à la question suivante: "comment récupérer le contenu d'un input ?"
Puis, celle-ci: "comment supprimer des caractères d'une chaine de caractère ?"
Et enfin: "que faire avec le résultat ?"
Pour répondre aux 2 premières questions, quelques petites recherches rapides t'aideront. Pour la dernière, à toi d'y répondre ;)
Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire
98 internautes nous ont dit merci ce mois-ci
Ok, ensuite j'utilise la méthode "replace()" pour répondre a l'étapes suivantes cad, "comment supprimer des caractères d'une chaine de caractère ?" Le résultat est immédiat dans le <input> :
<html>
<head>
<title></title>
<script type="text/javascript">
function mafonction()
{
var mavariable = document.getElementById("inputbox01").value;
var res = mavariable.replace("a", "");
document.getElementById("inputbox01").value = res;
}
</script>
</head>
<body>
<input type="text" id="inputbox01" width="50px;">
<input type="button" value="Enlever voyelles" onclick="mafonction()" />
</body>
</html> Au passage je rajoute un bouton effacer ce qui donne:
<html>
<head>
<title></title>
<script type="text/javascript">
function mafonction()
{
var mavariable = document.getElementById("inputbox01").value;
var res = mavariable.replace(/a/g, "");
document.getElementById("inputbox01").value = res;
}
function effacer()
{
document.getElementById("inputbox01").value="";
}
</script>
</head>
<body>
<input type="text" id="inputbox01" width="50px;">
<input type="button" value="Enlever voyelles" onclick="mafonction()" />
<input type="button" value="Effacer" onclick="effacer()" />
</body>
</html> - Messages postés
- 14339
- Date d'inscription
- lundi 11 juillet 2005
- Statut
Soit tu fais une boucle pour chaque lettre à supprimer, soit tu utilises des expressions régulières.
Note: fais attention à bien rajouter les balises code (cf. ta question que j'ai modifiée)
Note: fais attention à bien rajouter les balises code (cf. ta question que j'ai modifiée)
Ok trouvé, donc voici le code final:
Vous devez vous demander l'utilité de ce script je pari!
<html>
<head>
<title></title>
<script type="text/javascript">
function mafonction()
{
var mavariable = document.getElementById("inputbox01").value;
var res = mavariable.replace(/a|e|i|o|u|y/g, "");
document.getElementById("inputbox01").value = res;
}
function effacer()
{
document.getElementById("inputbox01").value="";
}
</script>
</head>
<body>
<input type="text" id="inputbox01" style="width: 50px;" >
<input type="button" value="Code nostradamus" onclick="mafonction()" />
<input type="button" value="Effacer" onclick="effacer()" />
</body>
</html>
Vous devez vous demander l'utilité de ce script je pari!
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.
- Messages postés
- 9
- Date d'inscription
- mardi 3 avril 2018
- Dernière intervention
- 20 avril 2018
-Genre quelque chose comme ça:
Je créer une fonction que je nomme "mafonction", dans celle-ci je créer une variable que j'associe au contenu de l'input (id="inputbox01").
Je paramètre mon bouton pour lancer "mafonction" lors du click.
Mon raisonnement est t'il correct jusque-là? (Ceci est mon tout premier script!)
<html> <head> <title></title> <script type="text/javascript"> function mafonction() { var mavariable = document.getElementById("inputbox01").value; ... } </script> </head> <body> <input type="text" id="inputbox01" width="50px;"> <input type="button" value="Enlever voyelles" onclick="mafonction()" /> </body> </html>