HTML5 input pattern search for quote
I need to test an input field (<input type="text" />
) against this regex:
[^'"]+
This obviously is no easy task as I cannot use "
inside the attribute. Using the quot entity does not seem to work as it gets interpreted literally by the regex engine.
How can I accomplish this?
The HTML5 @pattern attribute regex is based on JavaScript regex, so you can use hexadecimal notation or unicode notation for that char as you would in JavaScript:
" = \x22 OR \u0022
' = \x27 OR \u0027
So that you can easily use
pattern="[^'\x22]+"
TADA! No JavaScript libraries involved! ;)
You can use Hexadecimal notation instead of '
or "
.
pattern="[^'\x22]+"
<form action="#">
<input type="text" title="no quotes!" pattern="[^'\x22]+">
<button type="submit">submit</button>
</form>