Как сделать маску для ввода E-mail типа ▶ pochta@mail.ru
Сейчас мы реализуем такую вещь, как маскирование электронной почты.
Требования:
- Логин почты должен содержать неопределённое количество символов (A-Z,a-z,0-9);
- После @ можно вписать любую почту (mail, gmail, yandex, rambler, корпоративный адрес и т.д.);
- После точки можно вписать любую доменную зону (.ru, .com и т.д.).
Наша маска примет такой вид: "мойЛогин@mail.com"
Реализация
Мы воспользуемся библиотекой jquery.inputmask.bundle.js. Скачать скрипт c примером (4 KB)
Вот разметка нашей простой формы, которая состоит из одного поля "Ваш E-mail" и кнопки "Отправить":
Под формой подключаем наш скрипт и библиотеку jquery:
Готово
Теперь при наведении на поле должна появиться вот такая маска:
Комментарии ()