使用 jQuery ruby gem 设置输入屏蔽

盖伦

我一直在尝试在我的网站上为电话号码字段实现输入屏蔽。出于某些(可能是愚蠢的)原因,我无法让我的代码与 jQuery 插件链接。我下载了 Ruby gem 并执行了所有步骤,但我的浏览器显示未定义变量。我怀疑我没有正确设置 gem。

Github 链接

功能的主要网站

我已将 gem 安装到我的 gemfile 中并运行 bundle

我已将调用包含在我的 application.js 中

然后尝试在我的代码中实现它

我知道它需要该文件:jquery.mask.min.js但无法将其与我的项目链接

如果有任何更简单的方法可以在 Ruby on Rails 中实现此功能,我很乐意使用它!

PS:我在休息了很长时间后又回到编码中,所以我在做这样简单的事情时遇到了麻烦!

<div class="form-group col-md-6">
<label>Phone</label>

<%= f.text_field :phone, class: 'control phone_us', maxlength: 20 %>

</div>
<script type="text/javascript">
  $(document).ready(function(){
    ('.phone_us').mask('(000) 000-0000');
  })
</script> 
Uncaught TypeError: ".phone_us".mask is not a function

    at HTMLDocument.<anonymous> (<anonymous>:3:19)
    at mightThrow (jquery3.self-e200ee796ef24add7054280d843a80de75392557bb4248241e870fac0914c0c1.js?body=1:3558)
    at process (jquery3.self-e200ee796ef24add7054280d843a80de75392557bb4248241e870fac0914c0c1.js?body=1:3626)
维利安

看起来您$('.phone_us'). 像:

$('.phone_us').mask('(000) 000-0000');

此外,如果您使用 turbolinks,您可能需要监听turbolinks:load事件,例如:

$(document).on "turbolinks:load", ->
  alert "page has loaded!"

5.2 Page Change Events下的文档所述

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

设置PostgreSQL连接时,PG Ruby Gem是否使用pgpass?

来自分类Dev

在jQuery中屏蔽输入-不使用库

来自分类Dev

如何使用 Jquery 屏蔽十进制输入?

来自分类Dev

如何在使用 jQuery 屏蔽输入时保留后缀

来自分类Dev

Ruby Blather gem,尝试压缩输入

来自分类Dev

使用Ruby Bunny gem列出RabbitMQ队列

来自分类Dev

使用rbenv安装Ruby到的gem

来自分类Dev

使用 Ruby on Rails 中的 Paperclip Gem 将所有输入字段转换为按钮

来自分类Dev

无法使用电子表格gem(Ruby)设置Excel样式

来自分类Dev

使用jQuery设置输入值

来自分类Dev

ruby on rails-使用act_as_taggable gem输入西里尔文符号时进行不确定的转换

来自分类Dev

jQuery屏蔽的输入定义

来自分类Dev

Ruby on Rails 4-使用什么认证gem?

来自分类Dev

使用progressbar / ruby-progressbar gem时Zlib :: BufError

来自分类Dev

如何使用Twitter ruby gem执行用户搜索

来自分类Dev

如何在Chromium中使用Ruby gem selenium-webdriver?

来自分类Dev

如何使用Ruby Listen gem监视单个文件?

来自分类Dev

使用Chef从Github存储库安装Ruby gem?

来自分类Dev

如何使用ruby-jira Gem创建远程JIRA Issue

来自分类Dev

使用Ruby on Rails Twitter gem实例化多个Twitter帐户

来自分类Dev

使用ruby elasticsearch gem,如何查询多个参数

来自分类Dev

如何使用RSpec(无轨)将simplecov与Ruby gem集成?

来自分类Dev

如何使用Ruby的JSON gem深入到JSON对象

来自分类Dev

使用Ruby on Rails Twitter Gem在Twitter上上传多个图像

来自分类Dev

使用Ruby通过gem安装json时出现错误

来自分类Dev

使用流浪汉时的Ruby gem依赖错误

来自分类Dev

如何使用mixpanel-ruby gem跟踪事件?

来自分类Dev

如何使用ruby pg gem列出PostgreSQL数据库?

来自分类Dev

如何在带有Ruby的AWS中使用Gem?

Related 相关文章

  1. 1

    设置PostgreSQL连接时,PG Ruby Gem是否使用pgpass?

  2. 2

    在jQuery中屏蔽输入-不使用库

  3. 3

    如何使用 Jquery 屏蔽十进制输入?

  4. 4

    如何在使用 jQuery 屏蔽输入时保留后缀

  5. 5

    Ruby Blather gem,尝试压缩输入

  6. 6

    使用Ruby Bunny gem列出RabbitMQ队列

  7. 7

    使用rbenv安装Ruby到的gem

  8. 8

    使用 Ruby on Rails 中的 Paperclip Gem 将所有输入字段转换为按钮

  9. 9

    无法使用电子表格gem(Ruby)设置Excel样式

  10. 10

    使用jQuery设置输入值

  11. 11

    ruby on rails-使用act_as_taggable gem输入西里尔文符号时进行不确定的转换

  12. 12

    jQuery屏蔽的输入定义

  13. 13

    Ruby on Rails 4-使用什么认证gem?

  14. 14

    使用progressbar / ruby-progressbar gem时Zlib :: BufError

  15. 15

    如何使用Twitter ruby gem执行用户搜索

  16. 16

    如何在Chromium中使用Ruby gem selenium-webdriver?

  17. 17

    如何使用Ruby Listen gem监视单个文件?

  18. 18

    使用Chef从Github存储库安装Ruby gem?

  19. 19

    如何使用ruby-jira Gem创建远程JIRA Issue

  20. 20

    使用Ruby on Rails Twitter gem实例化多个Twitter帐户

  21. 21

    使用ruby elasticsearch gem,如何查询多个参数

  22. 22

    如何使用RSpec(无轨)将simplecov与Ruby gem集成?

  23. 23

    如何使用Ruby的JSON gem深入到JSON对象

  24. 24

    使用Ruby on Rails Twitter Gem在Twitter上上传多个图像

  25. 25

    使用Ruby通过gem安装json时出现错误

  26. 26

    使用流浪汉时的Ruby gem依赖错误

  27. 27

    如何使用mixpanel-ruby gem跟踪事件?

  28. 28

    如何使用ruby pg gem列出PostgreSQL数据库?

  29. 29

    如何在带有Ruby的AWS中使用Gem?

热门标签

归档