HTML input pattern

Question

I am using the input pattern on my register form which consists of a Username, Email and Password.

I have set the Username between 5 and 15 characters however when this has been typed correctly and I go to submit the form I am not able to submit, but instead still receive the required title message. Anyone any ideas?

<div class="col-sm-offset-2 col-sm-9"><td><input pattern=".{5, 15}" required title="Username should be between 5 - 15 characters"type="text" class="form-control" name="uname" placeholder="User Name" required/></td> </div>

Use regular expression like describe here w3schools.com/js/js_regexp.asp — Fil
– Fil, Commented Apr 14, 2016 at 17:40

fonfonx · Accepted Answer · 2016-04-14 17:44:09Z

1

Remove the space before 15: pattern=".{0,15}"

answered Apr 14, 2016 at 17:44

fonfonx

1,46521 silver badges30 bronze badges

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

Comments

Agu V · Accepted Answer · 2016-04-14 17:40:44Z

1

You could try this pattern, it works in this fiddle

pattern=".{5,15}$"

answered Apr 14, 2016 at 17:40

Agu V

2,3014 gold badges26 silver badges40 bronze badges

Comments

Quentin · Accepted Answer · 2016-04-14 17:43:34Z

1

You must remove the space. Compare the explanations from https://regex101.com/

 /.{5, 15}/
. matches any character (except newline)

{5, 15} matches the characters {5, 15} literally

and
 /.{5,15}/
.{5,15} matches any character (except newline)

Quantifier: {5,15} Between 5 and 15 times, as many times as possible, giving back as needed [greedy]

answered Apr 14, 2016 at 17:43

Quentin

949k136 gold badges1.3k silver badges1.4k bronze badges

Collectives™ on Stack Overflow

HTML input pattern

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related