javascript - 创建一个带有占位符的输入字段，该占位符在文本输入时写入

Question

我正在尝试为电话号码创建一个输入字段。我希望占位符显示预期的格式/模式：(XXX) XXX-XXXX，如下所示。

Phone Number: <input type="text" name="phone" placeholder="(XXX) XXX-XXXX">

但是，当用户开始输入数字时，我希望他们简单地替换单个 X。

输入几个数字后，该字段将如下所示（4 后的光标）...

"(302) 4XX-XXXX"

然后输入退格键的用户只需将最后输入的数字再次替换为 X。两次退格后...

"(30X) XXX-XXXX"

我以前在注册表中看到过这种行为，但最近我找不到任何示例。我希望可能有一个像样的 jquery 插件来完成这个，但我还没有找到它。

score 2 · Accepted Answer

您可以使用带有 jQuery 的 Mask：

jQuery(".maskPhone").mask("(999) 999-99999");

score 1 · Accepted Answer

您也许可以在 JQuery 中使用类似 Mask Input 插件

或者

score 1 · Accepted Answer

1

于 2013-06-26T20:24:55.277 回答

3 回答 3