E-mail Address Masking

[windhandel]

I've reviewed all of the online examples I can put my hands on. Search SO specifically for results and tested a variety of ways to try and do an email address mask.

It's the @ symbol that I'm having a hard time with. Here's what I've tried:

v-maska data-maska="ZAZ.Z" data-maska-tokens="Z:\w:multiple|A:[@@]"

The double @@ is because this is within an ASP.NET Razor View.

Any help would be appreciated.

Thanks,
Jeff

[Vasek18]

+1
I can't get how to make an email mask

[Vasek18]

So far the best idea I've come up with

mask: Yyyyyyyyyyyyyyyyyyyyyyyyy!@Yyyyyyyyyyyyyyyyyyyyyyyyy.YYy
tokens: y:[A-Za-z0-9а-яА-Я-_]:optional|Y:[A-Za-z0-9а-яА-Я-_]

But it's sick

[zourtney]

Ugh. Ok. I'm in the same situation.

I can't believe I'm doing this... but @Vasek18, I've modified your self-proclaimed "sick" solution, allowing for a few other legal addresses and capping at the (possible) maximum email address length of 64 characters of "local" and 256 characters of "domain".

Avert your eyes. I need a better solution.

export const emailMask: MaskOptions = {
  mask: 'LlllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllllADdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd',
  tokens: {
    L: { pattern: /[A-Za-z0-9а-яА-Я-_.]/ },
    l: { pattern: /[A-Za-z0-9а-яА-Я-_.]/, optional: true },
    A: { pattern: /[@]/ },
    D: { pattern: /[0-9a-zA-Z\-.]/ },
    d: { pattern: /[0-9a-zA-Z\-.]/, optional: true },
  },
  eager: true,
};

NOTE: I can never get this to register as "completed" unless every optional character is present and the character @ is registered as a separate token...yeah I don't know.

NOTE2: it doesn't catch tricky situations like doubled . or -. Meh.

[guronos]

maybe
mask: "A!@b!.C",
eager: true,
tokens: {
A: { pattern: /[a-zA-Z0-9.-]/, multiple: true },
B: { pattern: /[a-zA-Z0-9-]/, multiple: true },
C: { pattern: /[a-zA-Z0-9_-]/, multiple: true },
}