Rails管理员输入掩码[Rails 6]

Question

我需要一些输入才能有口罩。示例:电话字段应该类似于"(xxx) xxxxx-xxxx“

如何使用掩码包含这些"()“和"-”。

我的应用程序使用Rails-Admin，我试图添加一些js，但在访问‘/admin’时不起作用。

Answer 1

您将需要使用一个自定义插件，我推荐jQuery的inputmask，因为rails管理已经包含了jQuery。

然后您可以将库inputmask.js包含在

app/assets/javascripts/rails_admin/custom/inputmask.js

bindings for automasking开着

app/assets/javascripts/rails_admin/custom/inputmask.binding.js

然后将此文件添加到您的项目中

app/assets/javascripts/rails_admin/custom/ui.js

有了这个内容

//= require_tree .
//= require 'rails_admin/custom/inputmask.js'
//= require 'rails_admin/custom/inputmask.binding.js'

然后，只需使用掩码配置字段，就像inputmask.js的文档所建议的那样

  rails_admin do
    edit do
      field :phone do
        html_attributes do
          {
            'data-inputmask' => "'mask': '(999) - 99999-9999'"
          }
        end
      end
    end

我在我的项目中尝试了它，它看起来像这样

Screenshot of field with custom mask

Answer 2

在这方面也挣扎了一段时间，但这个过程终于成功了：

在这里获取此gem的最新推荐版本并添加到Gemfile：https://rubygems.org/gems/jquery-mask-plugin中的

终端中的

1. 运行包

1. 重新启动rails服务器

1. 添加以下行(原样)：

//=需要jquery.inputmask

//=需要jquery.inputmask.extensions

//=需要jquery.inputmask.numeric.extensions

//=需要jquery.inputmask.date.extensions

在项目中应用此文件夹：..in /assets/javascripts/Application.js

1. 按照gem文档中的说明选择最适合您的方法：https://github.com/RobinHerbots/Inputmask (我使用的是jquery插件)