До HTML5, когда мы использовали формы на веб-сайте, нам нужно было использовать JavaScript для создания фронтовой проверки. Теперь с HTML5 и pattern атрибутом, можно определить обычное выражения шаблона для проверки данных.

Следующим является сниппет для проверки адресов электронной почты:

<input type="text" title="email" required pattern="[^@]+@[^@]+.[a-zA-Z]{2,6}">

Это для надежных паролей:

<input title="Минимум 8 знаков, включая минимум одну цифру и одну заглавную букву" type="text" pattern="(?=.*d)(?=.*[a-z])(?=.*[A-Z]).{8,}" required />

И этот для проверки номеров телефона:

<input type="text" required pattern="(+?d[- .]*){7,13}" title="международный или местный номер"/>

Добавлено: 18 Апреля 2018 09:13:43 Добавил: Андрей Ковальчук Нравится 0

Добавить