HTML5 input validate letters and numbers

Question

I need a pattern for a HTML5 form.

Lowercase letters accepted
Uppercase letters accepted
Numbers accepted
Minus character accepted

HTML so far

<input type="text" pattern="[a-zA-Z0-9-]" required>

The code above does not work. I guess I'm close?

alexander farkas · Accepted Answer · 2013-11-29 23:11:37Z

56

You are pretty close actually:

[a-zA-Z0-9-]+
            ^

You just needed this + plus quantifier, which tells the input field to accept one or more the characters you have listed in the character class [].

edited Nov 29, 2013 at 23:11

alexander farkas

14.2k4 gold badges43 silver badges43 bronze badges

answered Nov 29, 2013 at 14:11

Ibrahim Najjar

19.5k4 gold badges74 silver badges96 bronze badges

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

2 Comments

Jason 'Slingshot' Miller Over a year ago

How do you tell you want at least a specific number of characters?

Bogdan Tur Over a year ago

Hi everyone, when I am trying to use this example, I am getting following error in Chrome - Pattern attribute value [a-zA-Z0-9-]+ is not a valid regular expression: Uncaught SyntaxError: Invalid regular expression: /[a-zA-Z0-9-]+/v: Invalid character class Adding backslash before dash fix it: [a-zA-Z0-9\-]+

Collectives™ on Stack Overflow

HTML5 input validate letters and numbers

1 Answer 1

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related