pattern function in html component

Asked Nov 08 '17 at 10:52

Active Nov 08 '17 at 10:56

Viewed 27 times

In my angular 2 app I'm using HTML pattern='' to validate a user input.

Validation.component.html

<input type="text" pattern='[A-Za-z0-9_.\-"()#:{}\\ ]+' required>

This is pretty much the breakdown of my current input field. My problem now is that I also want to allow the input of an '.

If I use pattern='[A-Za-z0-9_.\-"()#:{}\\ ']+' I will get an error because I already use ' for the pattern='' marker.

How can I fix this or can do the trick with an workaround?

edited Nov 08 '17 at 10:56

asked Nov 08 '17 at 10:52

sHamann

What mean "to validate an user input" ? Maybe it exists a simple solution. – Mihai Alexandru-Ionut Nov 08 '17 at 10:53
why don't you write `pattern=""`? in alternative you can escape `'` with `\'` – FrontTheMachine Nov 08 '17 at 10:55
@Alexandru-IonutMihai Or allow an user input, validate is the wrong word. – sHamann Nov 08 '17 at 10:55
@FeMachine The pattern also matches `"` – Wiktor Stribiżew Nov 08 '17 at 10:55
Add a double single-quote... `''` It will resolve it to one when you get the value from the attribute. – Reinstate Monica Cellio Nov 08 '17 at 10:55
@WiktorStribiżew thx for the duplicate mark, i was to specific with my google attempt i guess. The `' = \x27` solution fixxed my problem. Do i have to delete my question now? – sHamann Nov 08 '17 at 11:05
No need to remove it, this is not a too common issue. If anyone downvoted it, then I'd consider removing. – Wiktor Stribiżew Nov 08 '17 at 11:07

0 Answers0