Ruby on rails rails视图中电话表单字段的输入掩码

我的应用程序中有一个客户联系表单，当然，它需要电话输入。我正在运行Rails 3.2.13并使用Zurb基金会。我希望找到一个宝石，提供一个输入掩码的形式“（999）999-9999”，我可以调用。我的数据是本地的，所以我只需要美国格式的数字

我能够在现场执行验证，但希望将用户限制在输入掩码的更严格范围内。这就是我现在拥有的

您需要从下面提到的@vinodadhikary链接下载相应的jquery.maskedinput.js文件。然后，您必须在application.js文件的依赖项列表中jquery文件下面的某个位置需要该文件，如下所示：

//= require jquery
//= require jquery_ujs
//= require foundation
//= require jquery.maskedinput
//= require_tree .

---

就这样。如果您发现任何问题，请告诉我，我将进行编辑。

我一直在使用该插件，它工作得很好

我有很多具有不同掩码的字段，所以我在应用程序脚本中使用了这个方法

  $( "[data-mask]").each (index, value) ->
    element = $(value)
    element.mask($(value).data('mask'))

现在我可以在我的任何字段上设置

数据掩码

属性：

      <%= f.text_field(:phone, data: { mask: '(999) 999-9999' }) %>

---

我希望这对别人有帮助

看看：。非常好的插件，请查看演示选项卡。非常感谢！看起来很完美。在哪里添加

jquery.maskedinput.js

文件？我把

.mask

函数放在

x.coffee

中，其中x是我表单所在的控制器。对吗？非常感谢。

//= require jquery
//= require jquery_ujs
//= require foundation
//= require jquery.maskedinput
//= require_tree .

  $( "[data-mask]").each (index, value) ->
    element = $(value)
    element.mask($(value).data('mask'))

      <%= f.text_field(:phone, data: { mask: '(999) 999-9999' }) %>