5

私のアプリには、もちろん電話入力が必要な顧客連絡先フォームがあります。Rails 3.2.13 を実行し、Zurb Foundation を使用しています。'(999) 999-9999' という形式の入力マスクを提供し、呼び出すことができる gem を見つけたいと思っています。私のデータは本当にローカルなので、米国形式の数値だけで十分です。

フィールドで検証を実行することはできますが、ユーザーを入力マスクのより狭い境界内に保ちたいと考えていました。これは私が現時点で持っているものです。

  <div class="large-4 columns"><%= f.telephone_field :phone, :placeholder => "Phone - (123) 456-7890" %></div>

このための素晴らしい宝石、またはあなたが好きな jQuery プラグインはありますか?

乾杯!

-編集これが私が達成する必要があったことに対する完全な答えです。誰かが簡単な修正を探している場合に備えて。これは私の _form.html.erb ビュー ファイルのコードです。

<div class="large-2 columns">
   <%= f.text_field :phone, :id => "phone", :placeholder => "Primary Phone"%>
</div>

assets/javascripts フォルダーにある私のコーヒー ファイルのコードは次のとおりです。

$ ->
   $("#phone").mask("(999) 999-9999")

以下のリンク @vinodadhikary から適切な jquery.maskedinput.js ファイルをダウンロードする必要があります。次に、次のように、application.js ファイルの依存関係のリストで、jquery ファイルの下のどこかにファイルを必要とする必要があります。

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

それはそれについてです。何か間違っていることに気づいたら、私に知らせてください、私は編集します。

4

1 に答える 1

1

私はプラグインhttp://digitalbush.com/projects/masked-input-pluginを使用していますが、かなりうまく機能します。

さまざまなマスクを持つフィールドがたくさんあるので、アプリケーションの coffescript でこのメソッドを使用します。

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

これで、任意のフィールドに属性を設定できdata-maskます::

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

これが誰かに役立つことを願っています!

于 2015-08-22T21:58:42.560 に答える