Как сделать маску для ввода E-mail типа ▶ pochta@mail.ru

Как сделать маску для ввода E-mail типа ▶ pochta@mail.ru
Javascript & jQuery 0    839 0

Сейчас мы реализуем такую вещь, как маскирование электронной почты.

Требования:

  • Логин почты должен содержать неопределённое количество символов (A-Z,a-z,0-9);
  • После @ можно вписать любую почту (mail, gmail, yandex, rambler, корпоративный адрес и т.д.);
  • После точки можно вписать любую доменную зону (.ru, .com и т.д.).

Наша маска примет такой вид: "мойЛогин@mail.com"

Реализация

Мы воспользуемся библиотекой jquery.inputmask.bundle.js. Скачать скрипт c примером (4 KB)

Вот разметка нашей простой формы, которая состоит из одного поля "Ваш E-mail" и кнопки "Отправить":

E-mail

Под формой подключаем наш скрипт и библиотеку jquery:




Готово

Теперь при наведении на поле должна появиться вот такая маска:

маска для ввода E-mail

Похожие статьи:

Как попросить посетителей своего сайта отключить AdBlock
Обратный таймер на JavaScript
Как создать div блок с прокруткой на JS?
Скролинг страницы вверх и вниз по клику на кнопку
Калькулятор расчета стоимости натяжных потолков на jQuery
Parallax эффект для одиночного элемента с библиотекой RELLAX
Плавная прокрутка страницы после нажатия на якорную ссылку
jQuery анимация для сайта - эффекты появления DIV блоков

Комментарии ()

    Вы должны авторизоваться, чтобы оставлять комментарии.

    Вы можете авторизоваться на сайте через:
    YandexVkontakte

    Рубрики блога

    Последние комментарии

    Алексей Власов 16 октября 2018, 14:27
    Универсальный и очень простой PHP парсер 10
    Алексей Власов 13 октября 2018, 18:57
    Бесконечное сохранение ресурсов в MODX 2
    Александр Петров 30 сентября 2018, 20:54
    Пишем на SQL без SQL: основы по RedBean PHP 10