input to only accept alpha chars (no numbers, or special)

Question

I am trying to limit a text input field to only accept alphabetical characters (uppercase and lowercase is fine; but no numbers or special chars) . I am trying the below for instance:

<input id='style-name'type="text" data-value-field="value" name="styleName" required pattern="^[a-z]$"/>

What am I doing incorrect here? Ideally, I would just do this on the HTML side.

Answer 1

您应该添加加号+号，以匹配输入中键入的一个或多个字符：

<input id='style-name'type="text" data-value-field="value" name="styleName" required pattern="^[A-Za-z]+$"/>