如何解决Rails Admin输入掩码[Rails 6]
我需要一些输入来具有遮罩。例如:电话字段应为“(xxx)xxxxx-xxxx”
如何在掩码中包含这些“()”和“-”。
我的应用程序使用Rails-Admin,我尝试添加一些js,但是当我访问'/ admin'
时不起作用解决方法
为此,您需要使用自定义插件,我建议inputmask用于jQuery,因为Rails管理员已经包含jQuery。
然后您可以将库inputmask.js包含在
上app/assets/javascripts/rails_admin/custom/inputmask.js
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'
这只是用mask配置字段的问题,因为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
,也为此苦苦挣扎了一段时间,但这个程序终于奏效了:
-
在此处获取此 gem 的最新推荐版本并添加到 Gemfile: https://rubygems.org/gems/jquery-mask-plugin
-
在终端中运行包
-
重启 rails 服务器
-
添加这些行(原样):
//= 需要 jquery.inputmask
//= 需要 jquery.inputmask.extensions
//= 需要 jquery.inputmask.numeric.extensions
//= 需要 jquery.inputmask.date.extensions
..在你项目的这个文件夹中:app/assets/javascripts/application.js
- 按照 gem 文档中的说明选择最适合您的方法:https://github.com/RobinHerbots/Inputmask (我用的是jquery插件)
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。