HTML вход шаблон для почтового домена

Question

Я пытался использовать шаблон атрибута HTML ввода тега, чтобы сделать простую сторону клиента проверки для конкретного почтового домена, используя следующий код:

<input type="text" pattern="^[A-Z0-9._%+-]+@domain\.com\.ph$" /> 

я ожидал следующий ввод, чтобы добиться успеха: test.test@domain.com.ph

Но почему-то это не похоже на работу. Я использую неправильное regex?

Чтобы устранить некоторые ответы, я попытался проверить следующее:

• браузера поддерживает Validation шаблона
• Узор ^[A-Z0-9._%+-]+@domain.com.ph$
• картины ^[A-Z0-9._%+-]+@domain.com.ph

Answer 1

Удалить якоря ^ и $. Это не требуется при использовании pattern.

И 0-9A-Za-z_ в классе символов можно заменить на \w.

input:valid { 
 
    color: green; 
 
} 
 
input:invalid { 
 
    color: red; 
 
}

<input type="text" pattern="[\w.%+-]+@domain\.com\.ph" />