jQuery-Mask-Plugin to mask email addresses and web URL's

Question

I'm using the jQuery-Mask-Plugin in my application and using that I was able to successfully add masks to telephone numbers, date time .. etc.

$("#date").mask("99/99/9999",{placeholder:"mm/dd/yyyy"});
$("#phone").mask("(999) 999-9999");

But I could not find a way to add masks to email addresses and web site addresses.

I know it is some what tricky to identify exact patterns in those but is there any way in jQuery-Mask-Plugin to do that ?

score 27 · Answer 1 · answered Dec 07 '15 at 16:15

27

There is no such thing as e-mail "mask" because it doesn't have a "fixed" or predictable structure. First, you need to validate your input, always, and that can be done with a simple regexp. Now.. If you want to avoid the user typing things that shouldn't be done you can do this:

$('.alpha-no-spaces').mask("A", {
 translation: {
  "A": { pattern: /[\w@\-.+]/, recursive: true }
 }
});

Hope it helps.

answered Dec 07 '15 at 16:15

Igor Escobar

1,047
1
12
13

2

Very cool. Is there a way to force it to be all lowercase via mask? – dhaupin Apr 14 '17 at 19:33
that`s good. thanks a lot. – Najib El Alam Sep 01 '23 at 14:46

score 0 · Answer 2 · answered Aug 14 '23 at 05:42

0

only lowercase---

$('.alpha-no-spaces').mask("A", {
    translation: {
        "A": { pattern: /[a-z@\-.+]/, recursive: true }
    }
});

answered Aug 14 '23 at 05:42

Omar Chiyean

1

This is a duplicate of [this answer](https://stackoverflow.com/a/34138169/14267427). – Tyler2P Aug 16 '23 at 20:26

jQuery-Mask-Plugin to mask email addresses and web URL's

2 Answers2