Regexp validation doesn't work

[grintroy]

I'm running the latest Docker version of self-hosted Docuseal, and the Regexp validation doesn't seem to work.

The pattern I'm using is:

^\+?\d{1,4}?[-.\s]?\(?\d{1,3}?\)?[-.\s]?\d{1,4}[-.\s]?\d{1,4}[-.\s]?\d{1,9}$

It should work for simple phone number validation – see https://regex101.com/r/bCgjPz/2

When I'm filling the form with the wrong values, no error is shown, which is not expected behaviour, as I believe.

[omohokcoj]

@grintroy HTML regexp validation comes with limitations and this particular regexp can't be parsed with chrome html regexp (you should be able to see an error message in js console when typing values in the input field).
Need to make sure the regexp used for validation follows HTML spec https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Attributes/pattern
Instead of \d use [0-9]

[grintroy]

@omohokcoj thanks for this, the link was very useful. The issue with the pattern was not specifically do to with the use of \d or \s as I thought, but ^, $, and unescaped -.

This is because the HTML patterns use the 'v' flag automatically, that matches the entire input's value rather than a substring (so no need in ^ and $), and also you do need to escape literal characters like -.

The correct syntax for this particular pattern was:

\+?\d{1,4}?[\-.\s]?\(?\d{1,3}?\)?[\-.\s]?\d{1,4}[\-.\s]?\d{1,4}[\-.\s]?\d{1,9}

Here on regex101.

The pattern now works as expected, but I feel that it might be useful to validate the pattern before the user can set it. There's also a pretty limited information on this in the docs – I was only able to solve this because of @omohokcoj's pointers.