Only allow letters/ the alphabet in personalization field I coded into Dawn theme

Shopify Discussion
,
1

Hi!

I offer custom products on my site so I coded in an input field on to my designated liquid file. My personalization is only limited to letters of the English alphabet so I would like to limit customers to only being able to type in letters of the alphabet (i.e. no numbers or special characters). Could somebody help me out with the code there? Here’s what I’ve got!
2

Use the pattern attribute in the input element

pattern="[A-Za-z ]{1,8}"

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text#pattern

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text#specifying_a_pattern

To have special rules about whitespace (spaces) you’ll have to research and test

https://stackoverflow.com/questions/54346663/html-pattern-regex-at-least-one-space-between-characters

Or look for javascript solutions.

Good Hunting.