HTML5 Regex Pattern for textbox validation: allow alphabet, spaces, and hyphens only

Question

I am creating a form in html and for my first and last name text inputs, I want to have a regex validation on them that only allows the user to input: letters of the alphabet, spaces, and hyphens.

I have tried this pattern but to no avail:

[A-Za-z -]

My HTML code:

<input type="text" id="first_name" name="first_name" maxlength="25" required="required" pattern="[A-Za-z -]"/>

I know how to get only alphabet characters, but allowing spaces and hyphens only is something I'm unable to manage.

Toto · Accepted Answer · 2017-03-26 12:18:01Z

8

Add anchors and a quantifier:

^[A-Za-z -]+$

answered Mar 26, 2017 at 12:18

Toto

91.7k63 gold badges97 silver badges135 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

HTML5 Regex Pattern for textbox validation: allow alphabet, spaces, and hyphens only

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related