Unsure how to use HTML validation for Email

HTML-CSS
1

I did a search and I saw that I could use
pattern="^\d{4}-\d{3}-\d{4}$" required >

But, I thought that there was a way to get a validation error as soon as they leave the field, without having to click on a submit button. Is it possible to do this without JS?

3

Yes you can do.

From my form:

pattern=“[a-zA-Z0-9]{1,15}[@]{1,1}[a-zA-Z0-9]{1,15}[.]{1,1}[a-zA-Z]{1,15}”

Is can lowercase uppercase and numbers from 1 to 15 chars after that need a at character after that a domain name max 15 char after that need a dot and from 1 to 15 for .tld like .com net or longer.

4

Thank you. I tried, but it seems like I might be doing something wrong. Here is the whole line:
E-Mail

Do I need to have a submit button?

5

its just paste to input tag. btw is can write inside emails like yourname@emaildomain.com what E-Mail you talk about?

6

You need to set

for input


input:valid
{
color: green;
}

input:invalid
{
color: red;
}

to see difference

7

Thank you very much. I will try that shorty.
E-Mail

That was the whole line.
I will test the CSS shortly. Thank you!

8

you need to change the “type”
for example : type =“email”, type = “number”

9

Hey @3aysh-7yaty!
Welcome to the Forum!

This topic has been inactive for 3 Years, so I suggest you only reply to newer topics.

@ilenia please close this topic