Специальные входные данные, которые будут приняты с HTML5

Question

У меня есть этот конкретный набор требований, которые должны быть выполнены только с использованием шаблона ввода HTML5, а не JavaScript.

• Имя и фамилия должны содержать не менее 2 символов и должны начинаться с заглавной буквы.

• Номер телефона должен использовать австралийский формат: + 61xx-xxxx xxxx

• Принимайте только адрес электронной почты организации: name@organisation.org.auy

Я новичок в HTML5 и пробовал некоторые шаблоны, но ни один из них не работает идеально.Если кто-то может помочь.Опять разрешен только HTML5, без JavaScript.

Answer 1

шаблон ввода принимает общее регулярное выражение, того же типа, который будет использоваться в JavaScript.

регулярное выражение австралийского номера телефона было бы довольно просто:

\+61[0-9]{2}-[0-9]{4} [0-9]{4}

в словах, начинаются с "+61", затем 2 символа в 0-9, затем "-", затем 4 символа 0-9, затем пробел, затем еще 4 символа 0-9, хотя из UX в перспективе, если он ДОЛЖЕН начинаться с +61, кажется глупым заставлять пользователя печатать его.

регулярное выражение для min 2 букв, первая заглавная буква также будет довольно простой

[A-Z]+[a-zA-Z]+

в словах, один или несколько заглавных букв, за которыми следуют один или несколько заглавных или строчных букв.

регулярное выражение электронной почты очень сложное, но простое, охватывающее большинство случаев:

[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$

Электронная почта типа ввода также охватывает большинство случаев использования.