blocks|key|2978903|text|这对我很有效：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2978904|/%5E[a-z\u00E0-\u00FC]%2B$/i|code-block|syntax|javascript|2978905|在here的帮助下|offset|length|2978906|entityMap|0|LINK|mutability|MUTABLE|url|http://compgroups.net/comp.lang.javascript/regex-with-accents/190205^0|0|0|1|4|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

This worked for me:

<pre><code>/^[a-z\u00E0-\u00FC]+$/i
</code></pre>

With help from <a href="http://compgroups.net/comp.lang.javascript/regex-with-accents/190205">here</a>

blocks|key|278251|text|/\bà/.test("à")不匹配的原因是因为"à“不是单词字符。转义序列\b仅在单词字符的边界和非单词字符之间匹配。/\ba/.test("a")匹配是因为"a“是一个单词字符。因此，在字符串的开头(不是单词字符)和字母"a“(单词字符)之间存在边界。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|278252|JavaScript正则表达式中的单词字符被定义为[a-zA-Z0-9_]。|278253|要匹配字符串开头的重音字符，只需在正则表达式的开头使用%5E字符(例如/%5Eà/)。该字符表示字符串的开头(不像\b，它匹配字符串中的任何单词边界)。它是最基本和最标准的正则表达式，所以它绝对不会过分。|278254|entityMap^0|0|F|12|2|1O|F|0|P|C|0|R|1|X|4|1H|2|0^^$0|@$1|2|3|4|5|6|7|L|8|@$9|M|A|N|B|C]|$9|O|A|P|B|C]|$9|Q|A|R|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|H|3|I|5|6|7|V|8|@$9|W|A|X|B|C]|$9|Y|A|Z|B|C]|$9|10|A|11|B|C]]|D|@]|E|$]]|$1|J|3|-4|5|6|7|12|8|@]|D|@]|E|$]]]|K|$]]

The reason why <code>/\bà/.test("à")</code> doesn't match is because "à" is not a word character. The escape sequence <code>\b</code> matches only between a boundary of word character and a non word character. <code>/\ba/.test("a")</code> matches because "a" is a word character. Because of that, there is a boundary between the beginning of the string (which is not a word character) and the letter "a" which is a word character.

Word characters in JavaScript's regex is defined as <code>[a-zA-Z0-9_]</code>.

To match an accented character at the start of a string, just use the <code>^</code> character at the beginning of the regex (e.g. <code>/^à/</code>). That character means the beginning of the string (unlike <code>\b</code> which matches at any word boundary within the string). It's most basic and standard regular expression, so it's definitely not over the top.

blocks|key|278300|text|堆栈溢出在正则表达式中也有一个非ASCII字符的问题，你可以找到它的here。它们不是在处理单词边界，但可能会给你一些有用的提示。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|278301|还有另一个page，但他希望匹配字符串，而不是单词。|278302|我不知道，现在也没有找到解决你的问题的锚，但当我看到我的第一个链接中使用了什么怪物正则表达式时，你想要避免的组并不过分，我认为你的解决方案并不过分。|278303|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/questions/1073412/javascript-validation-issue-with-international-characters|1|http://www.hanselman.com/blog/InternationalizedRegularExpressions.aspx^0|Y|4|0|0|5|4|1|0|0^^$0|@$1|2|3|4|5|6|7|R|8|@]|9|@$A|S|B|T|1|U]]|C|$]]|$1|D|3|E|5|6|7|V|8|@]|9|@$A|W|B|X|1|Y]]|C|$]]|$1|F|3|G|5|6|7|Z|8|@]|9|@]|C|$]]|$1|H|3|-4|5|6|7|10|8|@]|9|@]|C|$]]]|I|$J|$5|K|L|M|C|$N|O]]|P|$5|K|L|M|C|$N|Q]]]]

Stack Overflow had also an issue with non ASCII characters in regex, you can find it <a href="https://stackoverflow.com/questions/1073412/javascript-validation-issue-with-international-characters">here</a>. They are not coping with word boundaries, but maybe gives you anyway useful hints.

There is another <a href="http://www.hanselman.com/blog/InternationalizedRegularExpressions.aspx" rel="nofollow noreferrer">page</a>, but he wants to match strings and not words.

I don't know, and did not find now, an anchor for your problem, but when I see what monster regexes in my first link are used, your group, that you want to avoid, is not over the top and to my opinion your solution.

blocks|key|274818|text|​|type|unstyled|depth|inlineStyleRanges|entityRanges|data|274819|const+regex+=+/%5E[\-/A-Za-z\u00C0-\u017F+]%2B$/;
const+test1+=+regex.test("à");
const+test2+=+regex.test("Martinez-Cortez");
const+test3+=+regex.test("Leonardo+da+vinci");
const+test4+=+regex.test("ï");

console.log('test1',+test1);
console.log('test2',+test2);
console.log('test3',+test3);
console.log('test4',+test4);|code-block|syntax|javascript|274820|274821|基于Wak和Cœur的答案：|274822|/%5E[\-/A-Za-z\u00C0-\u017F+]%2B$/|offset|length|style|CODE|274823|也适用于空格和破折号。|274824|例子:列奥纳多·达·芬奇，马丁内斯-科尔特斯|274825|entityMap^0|0|0|0|0|0|U|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|W|8|@]|9|@]|A|$E|F]]|$1|G|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|Y|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|Z|8|@$L|10|M|11|N|O]]|9|@]|A|$]]|$1|P|3|Q|5|6|7|12|8|@]|9|@]|A|$]]|$1|R|3|S|5|6|7|13|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|U|$]]

<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="true">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>const regex = /^[\-/A-Za-z\u00C0-\u017F ]+$/;
const test1 = regex.test("à");
const test2 = regex.test("Martinez-Cortez");
const test3 = regex.test("Leonardo da vinci");
const test4 = regex.test("ï");

console.log('test1', test1);
console.log('test2', test2);
console.log('test3', test3);
console.log('test4', test4);</code></pre>
</div>
</div>


Building off of Wak's and Cœur's answer:

<code>/^[\-/A-Za-z\u00C0-\u017F ]+$/</code>

Works for spaces and dashes too.

Example: Leonardo da vinci, Martinez-Cortez

blocks|key|3192738|text|如果您想匹配字母，无论它们是否带重音，unicode+property+escapes都会很有帮助。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|3192739|/\p{Letter}*/u.test("à");+//+true
/\p{Letter}/u.test('œ');+//+true
/\p{Letter}/u.test('a');+//+true
/\p{Letter}/u.test('3');+//+false
/\p{Letter}/u.test('a');+//+true|code-block|syntax|javascript|3192740|匹配到单词的开头是很棘手的，但(?<=(?:%5E%7C\s))似乎可以做到这一点。(?<=+)是一个正向回溯，确保某些东西存在于主表达式之前。(?:+)是一个非捕获组，因此您不会在以后使用的任何匹配中引用此部分。如果没有设置多行标志，则%5E将匹配字符串的开头；如果设置了多行标志，则\s将匹配空格字符(空格/制表符/换行符)。|style|CODE|3192741|因此，将它们放在一起使用，看起来就像这样：|3192742|/(?<=(?:%5E%7C\s))\p{Letter}*/u|3192743|如果您希望只将重音字符与字符串的开头匹配，则需要a-zA-Z的否定字符集。|3192744|/(?<=(?:%5E%7C\s))[%5Ea-zA-Z]\p{Letter}*/u.match("bœ")+//+false
/(?<=(?:%5E%7C\s))[%5Ea-zA-Z]\p{Letter}*/u.match("œb")+//+true|3192745|​|3192746|//+Match+characters,+accented+or+not
let+regex+=+/\p{Letter}%2B$/u;

console.log(regex.test("œb"));+//+true
console.log(regex.test("bœb"));+//+true
console.log(regex.test("àbby"));+//+true
console.log(regex.test("à3"));+//+false
console.log(regex.test("16+tons"));+//+true
console.log(regex.test("3+œ"));+//+true

console.log('-----');

//+Match+characters+to+start+of+line,+only+match+characters

regex+=+/(?<=(?:%5E%7C\s))\p{Letter}%2B$/u;

console.log(regex.test("œb"));+//+true
console.log(regex.test("bœb"));+//+true
console.log(regex.test("àbby"));+//+true
console.log(regex.test("à3"));+//+false

console.log('----');

//+Match+accented+character+to+start+of+word,+only+match+characters

regex+=+/(?<=(?:%5E%7C\s))[%5Ea-zA-Z]\p{Letter}%2B$/u;

console.log(regex.test("œb"));+//+true
console.log(regex.test("bœb"));+//+false
console.log(regex.test("àbby"));+//+true
console.log(regex.test("à3"));+//+false|3192747|3192748|entityMap|0|LINK|mutability|MUTABLE|url|https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes^0|J|O|0|0|0|F|D|12|6|1W|5|37|1|3T|2|0|0|0|R|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|17|8|@]|9|@$A|18|B|19|1|1A]]|C|$]]|$1|D|3|E|5|F|7|1B|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|1C|8|@$A|1D|B|1E|K|L]|$A|1F|B|1G|K|L]|$A|1H|B|1I|K|L]|$A|1J|B|1K|K|L]|$A|1L|B|1M|K|L]]|9|@]|C|$]]|$1|M|3|N|5|6|7|1N|8|@]|9|@]|C|$]]|$1|O|3|P|5|6|7|1O|8|@$A|1P|B|1Q|K|L]]|9|@]|C|$]]|$1|Q|3|R|5|6|7|1R|8|@]|9|@]|C|$]]|$1|S|3|T|5|F|7|1S|8|@]|9|@]|C|$G|H]]|$1|U|3|V|5|6|7|1T|8|@]|9|@]|C|$]]|$1|W|3|X|5|F|7|1U|8|@]|9|@]|C|$G|H]]|$1|Y|3|V|5|6|7|1V|8|@]|9|@]|C|$]]|$1|Z|3|-4|5|6|7|1W|8|@]|9|@]|C|$]]]|10|$11|$5|12|13|14|C|$15|16]]]]

If you want to match letters, whether or not they're accented, <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions/Unicode_Property_Escapes" rel="nofollow noreferrer">unicode property escapes</a> can be helpful.
<pre><code>/\p{Letter}*/u.test(&quot;à&quot;); // true
/\p{Letter}/u.test('œ'); // true
/\p{Letter}/u.test('a'); // true
/\p{Letter}/u.test('3'); // false
/\p{Letter}/u.test('a'); // true
</code></pre>
Matching to the start of a word is tricky, but <code>(?&lt;=(?:^|\s))</code> seems to do the trick. The <code>(?&lt;= )</code> is a positive lookbehind, ensuring that something exists before the main expression. The <code>(?: )</code> is a non-capture group, so you don't end up with a reference to this part in whatever match you use later. Then the <code>^</code> will match the start of the string if the multiline flag isn't set or the start of the line if the multiline flag is set and the <code>\s</code> will match a whitespace character (space/tab/linebreak).
So using them together, it would look something like:
<code>/(?&lt;=(?:^|\s))\p{Letter}*/u</code>
If you want to only match accented characters to the start of the string, you'd want a negated character set for a-zA-Z.
<pre><code>/(?&lt;=(?:^|\s))[^a-zA-Z]\p{Letter}*/u.match(&quot;bœ&quot;) // false
/(?&lt;=(?:^|\s))[^a-zA-Z]\p{Letter}*/u.match(&quot;œb&quot;) // true
</code></pre>
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>// Match characters, accented or not
let regex = /\p{Letter}+$/u;

console.log(regex.test("œb")); // true
console.log(regex.test("bœb")); // true
console.log(regex.test("àbby")); // true
console.log(regex.test("à3")); // false
console.log(regex.test("16 tons")); // true
console.log(regex.test("3 œ")); // true

console.log('-----');

// Match characters to start of line, only match characters

regex = /(?&lt;=(?:^|\s))\p{Letter}+$/u;

console.log(regex.test("œb")); // true
console.log(regex.test("bœb")); // true
console.log(regex.test("àbby")); // true
console.log(regex.test("à3")); // false

console.log('----');

// Match accented character to start of word, only match characters

regex = /(?&lt;=(?:^|\s))[^a-zA-Z]\p{Letter}+$/u;

console.log(regex.test("œb")); // true
console.log(regex.test("bœb")); // false
console.log(regex.test("àbby")); // true
console.log(regex.test("à3")); // false</code></pre>
</div>
</div>

blocks|key|3192679|text|Unicode允许对某些重音字符进行两种可选但等价的表示。例如，é有两种Unicode表示：'\u0039'和'\u0065\u0301'。前者称为组合形式，后者称为分解形式。JavaScript允许在这两者之间进行转换：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|3192680|'é'.normalize('NFD')+//+decompose:+'\u0039'+->+'\u0065\u0301'
'é'.normalize('NFC')+//+compose:+'\u0065\u0301'+->+'\u0039'
'é'.length+//+composed+form:+->+1
'é'.length+//+decomposed+form:+->+2+(looks+identical+but+has+different+representation)
'é'+==+'é'+//+->+false+(composed+and+decomposed+strings+are+not+equal)|code-block|syntax|javascript|3192681|码点'\u0301'属于Unicode组合变音标记码块0300-036F。因此，匹配这些重音字符的一种方法是以分解的形式比较它们：|3192682|//+matching+accented+characters
/[a-zA-Z][\u0300-\u036f]%2B/.test('é'.normalize('NFD'))+//+->+true
/\bé/.test('é')+//+->+false
/\bé/.test('é'.normalize('NFD'))+//+->+true+(NOTE:+/\bé/+uses+the+decomposed+form)

//+matching+accented+words
/%5E\w%2B$/.test('résumé')+//+->+false
/%5E(?:[a-zA-Z][\u0300-\u036f]*)%2B$/.test('résumé'.normalize('NFD'))+//+->+true|3192683|entityMap^0|W|1|1A|8|1J|E|0|0|2|8|R|9|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]|$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|X|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|Y|8|@$9|Z|A|10|B|C]|$9|11|A|12|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|P|$]]

Unicode allows for two alternative but equivalent representations of some accented characters. For example, <code>é</code> has two Unicode representations: <code>'\u0039'</code> and <code>'\u0065\u0301'</code>. The former is called composed form and the latter is called decomposed form. JavaScript allows for conversion between the two:
<pre><code>'é'.normalize('NFD') // decompose: '\u0039' -&gt; '\u0065\u0301'
'é'.normalize('NFC') // compose: '\u0065\u0301' -&gt; '\u0039'
'é'.length // composed form: -&gt; 1
'é'.length // decomposed form: -&gt; 2 (looks identical but has different representation)
'é' == 'é' // -&gt; false (composed and decomposed strings are not equal)
</code></pre>
The code point <code>'\u0301'</code> belongs to the Unicode Combining Diacritical Marks code block <code>0300-036F</code>. So one way to match these accented characters is to compare them in decomposed form:
<pre><code>// matching accented characters
/[a-zA-Z][\u0300-\u036f]+/.test('é'.normalize('NFD')) // -&gt; true
/\bé/.test('é') // -&gt; false
/\bé/.test('é'.normalize('NFD')) // -&gt; true (NOTE: /\bé/ uses the decomposed form)

// matching accented words
/^\w+$/.test('résumé') // -&gt; false
/^(?:[a-zA-Z][\u0300-\u036f]*)+$/.test('résumé'.normalize('NFD')) // -&gt; true
</code></pre>

Here's a fun snippet I ran into today:

<pre><code>/\ba/.test("a") --&gt; true
/\bà/.test("à") --&gt; false
</code></pre>

However,

<pre><code>/à/.test("à") --&gt; true
</code></pre>

Firstly, wtf?

Secondly, if I want to match an accented character at the start of a word, how can I do that? (I'd really like to avoid using over-the-top selectors like <code>/(?:^|\s|'| ....</code>)

Matching accented characters with Javascript regexes

这是我今天遇到的一个有趣的片段：/\ba/.test("a") --> true/\bà/.test("à") --> false然而，/à/.test("à") --> true首先，wtf?其次，如果我想匹配单词开头的重音字符，我该怎么做呢？(我真的希望避免使用像/(?:^|\s|'| ....这样的过度选择器)

问使用Javascript正则表达式匹配重音字符
EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript正则表达式匹配重音字符EN

回答 6

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Javascript正则表达式匹配重音字符
EN