How would I let this expression of mine beyond the character - (less) be accepted the + (more) as well?

Question

I have an expression on a input, using pattern, that has some rules, among them: Accept uppercase letters, lowercase, minimum of 5 characters, do not accept special characters (only accept the -).

pattern="^[A-Za-zÀ-ú0-9., -]{5,}"

I’d like to make him accept the character as well + (plus).

Go on down mine input:

<label for="razao-social-novo">Razão Social:</label>
<input type="text" placeholder="Não são permitidos caracteres especiais" pattern="^[A-Za-zÀ-ú0-9., -]{5,}" required />

Answer 1

Just add the + inside the brackets:

<input type="text" placeholder="Não são permitidos caracteres especiais"
 pattern="^[+A-Za-zÀ-ú0-9., -]{5,}" required />
            ^ aqui

Another detail, the way it is, still accepts invalid characters, because regex only checks whether the string starts with 5 or more of these characters (but can have anything else later).

Then I suggest adding also the bookmark $, which indicates the end of the string. Thus you ensure that it can only have what is specified in regex:

<input type="text" placeholder="Não são permitidos caracteres especiais"
 pattern="^[+A-Za-zÀ-ú0-9., -]{5,}$" required />
                                  ^ aqui