Как создать маску для input типа email?

Question

[rinatoptimus]

Нужно создать маску для
<input type="email">
, чтобы маска была такая ____@____
Решил использовать плагин Inputmask. Нашел пример похожий на то, что мне нужно:

$(function() {
            $("input#email").inputmask({
                mask: "*{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}]",
                greedy: false,
                clearMaskOnLostFocus: false
            });
        });

В результате это стало выглядеть так: по одному нижнему подчеркиванию с каждой стороны. Пробовал изменять строку *{1,20}[.*{1,20}][.*{1,20}][.*{1,20}]@*{1,20}[.*{2,6}][.*{1,2}] пока не получается нужный результат.
Как добавить подчеркивания, хотя бы по 3 с каждой стороны от символа @? Чтобы стало так: ___@___
Или посоветуете другой плагин?

Answer 1

[Pavlo Barmak]

mask: "*{3,20}@*{3,20}",
можно вот так добавить домен :
mask: "*{3,20}@*{3,20}.*{2,7}",
первое число - минимальное кол-во символов, второе - максимальное

Comments

[rinatoptimus]

Павло, спасибо! А если понадобится вместо подчеркиваний написать буквы, например: [e-mail]?

[Pavlo Barmak]

rinatoptimus: т.е. вы хотите чтобы в поле ввода было "[e-mail]", и при вводе оно посимвольно заменялось на то что вводят? странно немного. может вам подойдет placeholder? или я неправильно вас понял?

[rinatoptimus]

Pavlo Barmak: заказчик говорит, надо симпатичнее сделать. Я уж не знаю, чем его это не устраивает. Надо, чтоб именно маска была.