Discussion :

[fahdo]

Bonjour

je cherche à contrôler la saisie dans un input avec :

• une liste de caractères autorisés (cette partie fonctionne)
• que le texte tapé sois modifié à la volée selon le format Xxxxx-Xxxxxx c'est la que je séche

J'arrive bien à ce que le premier caractère soit en majuscule et que le reste soit en minuscule mais je n'arrive à mettre la majuscule après le tiret

Si quelqu'un pouvez m'aider ?

Merci

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
22
23
24
25
26
	function verifprenom(chars) {
		// Caractères autorisés
		var regex = new RegExp(/[a-zA-Zàáâäçèéêëìíîïòóôöùúûü-]/, "i");
		var valid;
		for (var x = 0; x < chars.value.length; x++) {
			valid = regex.test(chars.value.charAt(x));
			if (valid === false) {
				chars.value = chars.value.substr(0, x) + chars.value.substr(x + 1, chars.value.length - x + 1);
				x--;
			}
		}
 
		var regexMajuscule = new RegExp(/(^.|-.)/g);
		chars.value = chars.value.replace(regexMajuscule, function (a) {
			if (a.startsWith('-')) {
				return '-' + a.charAt(1).toUpperCase() + a.substr(2).toLowerCase();
			} else {
				return a.charAt(0).toUpperCase() + a.slice(1).toLowerCase();
			}
		});
 
		var regexFormat = new RegExp(/\S+(?:\s|$)/g);
		chars.value = chars.value.replace(regexFormat, function (word) {
			return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase();
		});
	}

[NoSmoking]

Bonjour,
essaie avec :

Code :

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

1
2
3
4
5
function capitalize(str) {
  return str.replace(/(\b[a-z](?!\s))/g, function (c) {
    return c.toUpperCase();
  });
}

tests :

Code :

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

1
2
3
4
5
6
7
8
9
console.log(capitalize("jean pierre"));
console.log(capitalize("jean Pierre"));
console.log(capitalize("Jean Pierre"));
console.log(capitalize("Jean pierre"));
console.log("--------------------");
console.log(capitalize("jean-pierre"));
console.log(capitalize("jean-Pierre"));
console.log(capitalize("Jean-Pierre"));
console.log(capitalize("Jean-pierre"));

donne :

Code :

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

1
2
3
4
5
6
7
8
9
> "Jean Pierre"
> "Jean Pierre"
> "Jean Pierre"
> "Jean Pierre"
> "--------------------"
> "Jean-Pierre"
> "Jean-Pierre"
> "Jean-Pierre"
> "Jean-Pierre"

[Toufik83]

Bonjour,

NoSmoking je me demande s'ils existent des prénoms commançant par un accent, parce que si c'est le cas le regex proposé ne fonctionnera pas, mais avec ça :

Code :

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

1
2
3
chars.value
.replace(/^.|(?<=\s|\-)./gi,(letter,index,text)=>letter.toUpperCase())
.replace(/(?<=[a-zàáâäçèéêëìíîïòóôöùúûü])./gi,letter=>letter.toLowerCase());

La première partie pour la première lettre ou n'importe quel caractère précédé par un espace ou un tiret, et la deuxième pour n'importe quel caractère précédé par une lettre (au milieu d'un mot ou à sa fin), par exempe si on met éRiC ceci devient Éric

[fahdo]

Bonjour

Merci pour vos réponses, je n'ai malheureusement pas le temps de testé maintenant

Mais effectivement si ça commence par une lettre avec accent le retour dans la console n'est pas bon, la majuscule est mise sur la second caractère

éLise

Apriori le \b ne fonctionne pas dans ce cas

[Toufik83]

Bonjour,

Oui, dans la doc des expression rationnelles on voit bien la note concernant le \b.

Note : Le moteur d'expressions rationnelles JavaScript définit un ensemble de caractères spécifiques qui doivent être considérés comme des caractères de mot. Tout caractère qui n'est pas dans cet ensemble est considéré comme une limite de mot. Cet ensemble de caractères est relativement limité car constitué uniquement des caractères de l'alphabet romain en minuscules et en majuscules, des chiffres décimaux et du tiret-bas (underscore). Les autres caractères, comme les caractères accentués (é ou ü par exemple), sont donc considérés comme des limites de mots.

[CosmoKnacki]

Modifier la zone de saisie (un input ou textarea) à chaque frappe risque de surprendre l'utilisateur. À ta place je déclencherais mes tests et mises en forme à la perte du focus. Ou si tu tiens à l'effet "magique", tu peux aussi afficher le contenu mis en forme à coté.

À propos des lettres accentuées:

• difficile de faire une liste exhaustive et pertinente de lettres autorisées en particulier pour les noms propres qui peuvent contenir des accents inhabituels, comme le caron des prénoms d'origine Croate Dražen et Dražana. À mon avis mieux vaut être lâche et utiliser la classe \p{sc=Latin} ou faire des rangs de caractères.
• autre difficulté, avec unicode on peut composer une lettre accentuée de deux manières:
  • lorsque la lettre accentuée existe en tant que telle dans la table unicode, dans ce cas on peut la composer avec son seul point de code.
  • on peut aussi la composer en utilisant le point de code de la lettre non-accentuée et le point de code de l'accent combinant. La classe \p{M}
  contient ces caractères combinants, mais tu peux aussi faire ton marché dans le block de U+0300 à U+036F.
  Par exemple un "à" peut-être le point de code U+00E0 (LATIN SMALL LETTER A WITH GRAVE) ou bien la succession des points de code U+0061 (LATIN SMALL LETTER A) et U+0300 (COMBINING GRAVE ACCENT).
• le word boundary \b qui pourtant serait bien utile pour capitaliser la première lettre ne marche pas avec les lettres accentuées (en un seul point de code), car contrairement à d'autres moteurs de regex, le modificateur u n'étend pas la classe \w aux lettres et chiffres en dehors de la plage ASCII. Concrètement tu ne pourras matcher le "é" de "élise" avec /\bé/.

Bref, rien de vaut un pèlerinage ici et ici pour avoir un aperçu des caractères Latin et des caractères combinants. Regarde aussi la doc mdn sur les classes de caractères Unicode (les versions anglaise et française sont différentes, regarde les deux), ainsi que les possibilités d'opérations dans les classes de caractères (intersection, soustraction) qu'offre le modificateur v.

Pour ce qui est mettre en majuscule la première lettre de chaque mot (et le reste en minuscule je suppose), je ferais:

Code :

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

text = text.replace(/(\p{L})([\p{L}\p{M}]*)/gu, (_, g1, g2) => g1.toUpperCase() + g2.toLowerCase())

Comme la chaîne est lue de gauche à droite et que toutes les lettres consécutives (avec leur éventuels accents combinants) sont consommées par la pattern, pas besoin de word boundary \b, la pattern capturera toujours la première lettre d'un mot dans son groupe 1.

[Toufik83]

CosmoKnacki le chef des expressions regulières

[NoSmoking]

Pour info j'utilisais cette fonction pour palier à un manque de IE11 concernant la prise en compte de text-transform: capitalize, donc devenue parfaitement inutile.

NoSmoking je me demande s'ils existent des prénoms commançant par un accent,

Bien sûr, mais ceux que je connais écrivent Eric et non Éric, Elisabeth et non Élisabeth, la France boude les accents sur les majuscules !

Modifier la zone de saisie (un input ou textarea) à chaque frappe risque de surprendre l'utilisateur.

Je n'ai de cesse de le dire, surtout ne pas surprendre/dérouter l'utilisateur.

Bon ceci étant, je me doutais bien que CosmoKnacki passerait pour nous donner/expliquer une solution aux petits oignons .

[CosmoKnacki]

Merci pour votre enthousiasme! Mais quand je vois l'évolution des regex en Javascript et le pavé de la documentation unicode, je me dis que j'ai encore du boulot.

la France boude les accents sur les majuscules !

C'est vrai que c'est courant et beaucoup croient qu'on ne met pas d'accents sur les majuscules, ce qui est une erreur. Moi le premier, et c'est en lisant un tutoriel sur les bases de données ou sur la typographie (je ne sais plus) que je l'ai découvert (bien tardivement d'ailleurs).

[fahdo]

Merci à tous et merci CosmoKnacki ca fonctionne impec.

Le formulaire est pas fait pour du grand public, mais pour des techs info, ça ne les surprends pas