why doesn't this simple html code work? (pattern)

Question

could somebody tell me why this simple code doesn't work? I type a random email address with .com at the end and I receive an error that this address doesn't have the right format.

<!DOCTYPE html>
<html>
<body>


<form action="demo_form.asp">
  E-mail: <input type="email" name="email" pattern="\.com$">
  <input type="submit">
</form>

</body>
</html>

GAVD · Accepted Answer · 2015-06-25 10:14:23Z

3

Maybe it works

<form action="demo_form.asp">
E-mail: <input type="email" name="email" pattern="+\.com$">
<input type="submit">
</form>

answered Jun 25, 2015 at 10:14

GAVD

2,1343 gold badges24 silver badges44 bronze badges

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

Comments

Alex P · Accepted Answer · 2015-06-25 10:17:11Z

1

Try this pattern. It will validate only .com emails.

pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.com$"

answered Jun 25, 2015 at 10:17

Alex P

961 silver badge5 bronze badges

Comments

Elena · Accepted Answer · 2015-06-25 10:14:24Z

0

There's a problem with your pattern, try using this instead pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$"

answered Jun 25, 2015 at 10:14

Elena

1,83920 silver badges25 bronze badges

2 Comments

Pete Over a year ago

There is no need for this as type=email will validate that it is an email address. The op is trying to validate the email address so it ends with .com

Elena Over a year ago

Oh right, then you want the first answer with the "+\.com$"

Collectives™ on Stack Overflow

why doesn't this simple html code work? (pattern)

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related