HTML5 input pattern validate letters and numbers

Question

I need to validate password with these requirements:

At least 1 Letter, At least 1 Number, Min 6 chars and Max 12 chars, Special characters not allowed. Here's what I have so far.

<form>
Password: <input type="password" name="pw" pattern="^(?=.*[a-zA-Z])(?=.*[0-9]).{6,12}$" title="Must contain at least one number and one letter, and at least 6 to 12 characters (special characters not allowed)">
<input type="submit">
</form>

Special characters not allowed - then why use .? Replace .{6,12} with [a-zA-Z0-9]{6,12} if you plan to only match ASCII letters and digits. — Wiktor Stribiżew
– Wiktor Stribiżew, Commented May 2, 2018 at 10:51

Lit · Accepted Answer · 2018-05-02 11:29:09Z

1

Below is regex that solves your problem.

^(?=.*[a-zA-Z])(?=\w*[0-9])\w{6,12}$

Full answer is:

<form>
    Password: <input type="password" name="pw" pattern="^(?=.*[a-zA-Z])(?=\w*[0-9])\w{6,12}$" title="Must contain at least one number and one letter, and at least 6 to 12 characters (special characters not allowed)">
    <input type="submit">
</form>

answered May 2, 2018 at 11:29

Lit

1145 bronze badges

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

2 Comments

Blini Over a year ago

Is there any way to allow one specific character like Space or . (Dot)? pattern="^(?=.*[a-zA-Z\s])(?=\w*[0-9])\w{6,12}$" *( "_" underscore is not allowed for me)

PRMan Over a year ago

^(?=\w*[a-zA-Z])(?=\w*[0-9])[A-Za-z0-9 \.]{6,12}$

Collectives™ on Stack Overflow

HTML5 input pattern 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