input type email allows everything

Question

I'm trying to add an email input to my form in HTML5, but somehow it still allows me to write anything without @ and the other stuff that an email contains.

 <input class="form-control" type="email" id="email" name="email" required>

Also tried:

<input type="text" pattern="/^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/" class="form-control" id="email" name="email" required>

and still nothing happens if I write it incorrectly.

What do you expect to receive? It only validates after you submit a form. — demkovych, Jun 24 '20 at 15:25
Does this answer your question? [Detect the error message in the input field](https://stackoverflow.com/questions/62496266/detect-the-error-message-in-the-input-field) — Yousaf, Jun 24 '20 at 15:26

score 0 · Accepted Answer · answered Jun 24 '20 at 15:30

0

If you are not trying to validate while typing, then it will automatically show error after you submit it.

answered Jun 24 '20 at 15:30

Chandresh

140
7

It does not show any errors. It just simply send the email with the invalid email. – admin Jun 24 '20 at 15:49

input type email allows everything

1 Answers1