如何在不显示面具的情况下格式化电话号码,邮政编码等?

时间:2014-02-20 19:39:33

标签: javascript jquery

我正在使用输入字段进行电话和邮政编码输入的网站(需要使用常规浏览器以及平板电脑和手机)。

我们希望确保这些字段中的数据具有正确的格式。我见过的最常见的机制是jquery.mask - 但是用固定的掩码字符预填充文本框,而TPTB已经确定这是丑陋的。 (我一般都认同他们)。

我在一些网站上看到了电话号码字段,在这些字段中,当输入数据时,格式化字符会一次一个地添加。

也就是说,我从空场开始......

  • 我输入" 8"我看到"(8"
  • 我输入" 0"我看到"(80"
  • 我输入" 0"我看到"(800)"
  • 我输入" 5"我看到"(800)5"
  • 我输入" 5"我看到"(800)55"
  • 我输入" 5"我看到"(800)555 - "
  • 我输入" 1"我看到"(800)555-1"
  • 我输入" 2"我看到"(800)555-12"
  • 我输入" 1"我看到"(800)555-121"
  • 我输入" 2"我看到"(800)555-1212"

IOW,当我在字段中输入字符时,一次添加一个格式化字符。

有没有人知道实现此行为的插件?

我正在使用Bootstrap 3在ASP.NET MVC4中工作,这是值得的。

1 个答案:

答案 0 :(得分:0)

事实证明,Igor Escobar的jQuery Mask Plugin完全符合我的要求: