To use it, just install it in your development environment, assign the component's dependency to the module that will need to validate the input, drag the component (DisableCharsThroughRegex) to the screen where it will be used, pass the Id at runtime of the input and case necessary, a custom regex.

Regex pattern that should prevent user typing.

Observation: To enter a custom regex, it is necessary to pass it as a string, it is not necessary to pass it with forward slashes (/). Example, a regex object looks like this: /^[0-9]+$/ but you should pass it like this: "^[0-9]+$"

If empty, the default regex will be used: /^[a-zA-ZáàâãéèêíïóôõöúçÁÀÂÃÉÈÊÍÏÓÔÕÖÚÇ'\s]+$/.

The default regex allows characters from a to z, lowercase, uppercase, with or without accent, space and quotes. Valid for an input that will be used to fill in the name.

Some regex examples:

Only numbers: "^[0-9]+$"

Only numbers and letters for names (standard regex): "^[0-9a-zA-ZáàâãéèêíïóôõöúçÁÀÂÃÉÈÊÍÏÓÔÕÖÚÇ'\s]+$"

Notice: On mobile devices, some inappropriate behavior occurs due to the fact that it has a shorcut and bypassing input change events.