允许使用ng-pattern中的特殊字符

Question

I am trying to allow some special characters in a field, these characters are the accented vowels (áéíóúÁEÍÍÓÚ), ÑñÇç to allow french and spanish names (ie Nuño, José, François). My code goes like this:

ng-pattern="/^[a-zA-Z\_\-\&\`\#\. ]*$'áéíóúÁEÍÍÓÚÑñÇç"

And I have tried this too

ng-pattern="/^[a-zA-Z\_\-\&\`\´\#\. ]*$'\á\é\í\ó\ú\Á\É\Í\Ó\Ú\Ñ\ñ\Ç\ç]/"

but when I deploy it in the server, and inspect the field, it changes those characters into unknown characters, like shown below:

<input type="text" name="firstName" class="form-control ng-pristine ng-invalid ng-not-empty ng-valid-required ng-invalid-pattern ng-touched" ng-required="!userDetails.user.firstname" ng-pattern="/^[a-zA-Z\_\-\&amp;\`\�'\#\. ]*$'\�\�\�\�\�\�\�\�\�\�\�\�\�\�/" ng-model="userDetails.user.firstname" aria-invalid="true">

How can I make the compiler to recognize the characters i need?

Thanks

Answer 1

/^[a-zA-Z_\\-&`´#\\. áéíóúÁÉÍÓÚÑñÇç]*$/ should work in you case - you don't need to place an escape literal (\\) in front of a character doesn't need to escape.

Answer 2

正如@sln所评论的，它需要unicode字符，它可以与

^[-a-zA-Z_&`´#. \u0027\u00C1\u00C7\u00C9\u00CD\u00D1\u00D3\u00DA\u00E1\u00E7‌​\u00E9\u00ED\u00F1\u‌​00F3\u00FA]*$

Answer 3

如果将html的字符集/编码（可以在浏览器或Web服务器中设置）设置为UTF8，则不需要上述unicode转换。