格式文本进入电话号码的文本框等

Question

找不到这个地方，也许我正在寻找错误的动词。

我试图让你的文本框在输入数字时需要某种格式。为了简单起见，我们使用电话号码示例。当我键入到盒子我想的一些准则，以帮助用户输入电话号码的正确格式：

(4__) ___-____ 

(403) 3__-____ 

(403) 329-98__ 

(403) 329-9824 

这将防止用户忘记区号等等。我已经看到了这个在其他地方进行，但我不确定从哪里开始。

我敢肯定，这是JavaScript，但它是一个Ruby应用程序的红宝石，所以如果你知道一个插件或什么的。

谢谢！

乔希

Answer 1

我认为你正在寻找masked input jQuery插件

Answer 2

为什么不创建三个文本输入，并使用JavaScript作为他们充满移动它们之间的重点是什么？请参阅this jsfiddle。它采用了一种快速，香草JS函数的输入之间的推进：

function advance_phone(event, next_element) 
{ 
    var evt = event ? event : window.event; // Older versions of IE don't pass along an event object 
    var target = evt.target || evt.srcElement; // Get the target of the event 

    if (target.value.length == target.maxLength) 
    { 
    document.getElementById(next_element).focus(); 
    } 
} 

你借此进一步增强其允许框之间向后移动时按下退格，并添加一个按键处理程序来限制所允许的按键号码。或者你甚至可以设置输入风格，以便它looks like a phone field。

Answer 3

+1对Amit的建议。

但是，由于您使用的是Rails，您可能需要依赖Prototype而不是jQuery的东西。看看这个http://www.xaprb.com/blog/2006/11/02/how-to-create-input-masks-in-html/