Comment faire correspondre les caractères accentués en JavaScript : le guide ultime

Expression régulière JavaScript concrète pour les caractères accentués

Lorsque vous travaillez avec des formulaires qui acceptent les saisies utilisateur avec des caractères accentués, il devient crucial d'implémenter des expressions régulières capables de gérer ces caractères spéciaux .

L'exemple de code fourni propose trois approches pour faire correspondre les caractères accentués en JavaScript :

Approche 1 : répertorier explicitement les caractères accentués

La liste manuelle de tous les caractères accentués peut devenir fastidieuse et limitante. , en omettant des caractères et en introduisant de la complexité.

Approche 2 : Utilisation de la classe de caractères point

L'utilisation de la classe de caractères point (. correspond à n'importe quel caractère sauf la nouvelle ligne) est complète mais correspond trop, ce qui permet potentiellement d'invalider input.

Approche 3 : Utilisation d'une plage de caractères Unicode

L'approche la plus précise utilise une plage de caractères Unicode (u00C0-u017F). Cette plage capture un large éventail de caractères accentués latins.

Solution recommandée

La solution préférée et simplifiée consiste à utiliser l'expression régulière suivante :

[A-zÀ-ú] // accepts lowercase and uppercase characters

unicode -match.js Exemple

// Import `uniregex` module for accent mark support
import Uniregex from 'uniregex';

// Regular expression for matching accented characters
var regex = Uniregex.unicode(/[A-zÀ-ú]/u);

// Test the regular expression with an accented name
var name = 'José Álvarez';

// Check if the name matches the regular expression
if (regex.test(name)) {
  console.log('Name contains valid accented characters.');
}

Cette solution évite les limitations de l'approche 1, le caractère trop inclusif de l'approche 2 et offre une méthode robuste pour gérer les caractères accentués en JavaScript.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!